26.04.2018 17:24:04 Создать HTML элемент на jQuery Сообщение #1
Valey
Новичок
Дата регистрации:
01.07.2014 00:36:17
Сообщений: 5
Всем привет. Помогите разобраться с проблемой.
Есть два созданных html элемента на jQuery.
1 элемент - пара массивов, 2 таблица.
Проблема: по одному выводятся нормально, а вот оба не хотят.
HTML: оба дива пустые
<body>
<div id="myArray"></div>
<div id="myTable"></div>
</body>
jQuery:
$(document).ready(function(){
var one = new Array("La la", " La la!", " La la"
;
var two = new Array("Ha Ha", " Ha Ha", " Ha Ha";
var summa = one + '<br>' + two;
var divs = $('<div/>', {
class: 'item',
html: summa,
'data-system-id': 100,
});
$('#myArray'.append(divs);
var i, j;
function addTable(){
document.write('<table border="1" cellspacing="1" cellpadding="2">';
document.write("<tr>";
for (i = 0; i < one.length; i++)
document.write("<td align='center'>" + one[i] + "</td>";
document.write("</tr>";
for (j = 0; j < two.length; j++)
document.write("<td align='center'>" + two[j] + "</td>";
document.write("</table>";
return;
};
var table = $('<script/>', {
id: 'table',
html: addTable(),
});
$('#myTable'.append(table);
});
Есть два созданных html элемента на jQuery.
1 элемент - пара массивов, 2 таблица.
Проблема: по одному выводятся нормально, а вот оба не хотят.
HTML: оба дива пустые
<body>
<div id="myArray"></div>
<div id="myTable"></div>
</body>
jQuery:
$(document).ready(function(){
var one = new Array("La la", " La la!", " La la"
;
var two = new Array("Ha Ha", " Ha Ha", " Ha Ha"
;
var summa = one + '<br>' + two;
var divs = $('<div/>', {
class: 'item',
html: summa,
'data-system-id': 100,
});
$('#myArray'
.append(divs);
var i, j;
function addTable(){
document.write('<table border="1" cellspacing="1" cellpadding="2">'
;
document.write("<tr>"
;
for (i = 0; i < one.length; i++)
document.write("<td align='center'>" + one[i] + "</td>"
;
document.write("</tr>"
;
for (j = 0; j < two.length; j++)
document.write("<td align='center'>" + two[j] + "</td>"
;
document.write("</table>"
;
return;
};
var table = $('<script/>', {
id: 'table',
html: addTable(),
});
$('#myTable'
.append(table);
});
