是否有更好的方法来执行以下操作?
var html;
var i;
for (i=0; i < 4; i++) {
html += '<div class="row">';
html += '<span class="label">Dining Style:</span>';
html += '<span class="control">';
var j;
for (j=0; j < 3; j++){
html += '<div class="attribBox">';
html += '<ul>';
html += '<li><input type="checkbox" /> item 1</li>';
html += '</ul>';
html += '</div>';
}
html += '</span>';
html += '<div class="clear"></div>';
}
$("#content").html(html);
最佳答案
除了创建 html,您还可以使用 jquery 函数,在 1.4+ 中可用,让您的代码更简洁。这是一个例子:
$("#content").append($("<div/>", {class : 'row'}).append($("<span/>", {class:'label', text : 'Dining Style'})))
上面的代码会生成:
<div class="row"><span class="label">Dining Style</span></div>
您仍然需要循环创建三个子项,但这要简洁得多。
关于jQuery:生成 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3992191/