您的位置:首页 > 其它

动态向div内添加标签内容:

2013-05-24 10:11 218 查看
$("#category_1").html("");

var id = $(this).attr('id');

(jQuery).ajax({

type : "POST",

url : mainServer + '/userCenter/getThreeLevelData.jspa',

dataType : 'json',

data:{

'ciId':id

},//传入参数

success : function(master) {

var htm = "";

if(master.success) {

var resultList = master.rows;

for ( var i = 0; i < resultList.length; i++) {

htm += "<ul>";

var twoNode = resultList[i].childList;

for ( var j = 0; j < twoNode.length; j++){

htm += "<li><input class='ckbox' onclick='javascript:ckboxClick($(this));' name='' type='checkbox' value='"+twoNode[j].ciId+"' /><span>" + twoNode[j].ciName + "</span></li>";

}

htm += "</ul>";

}

}

$("#category_1").html(htm);//成功或者失败均写入

}

});

成型格式:

<div>

<ul>

<li>one</li>

<li>two</li>

</ul>

<ul>

<li>one</li>

<li>two</li>

<li>three</li>

</ul>

</div>

两层循环,外层添加ul,内层添加li

动态添加尽量使用html方式写入;注意动态写入的东西,添加事件要放在外部。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: