Question

如何循环给li标签添加id

function myfunction(){
for(var i=0;i<=musicNum;i++){
var order=i;
var chooseMusic=obj.m_name[order].name;
$("ul").append('<li id=order>'+chooseMusic+'</li>');
//给li标签添加点击事件
$(document).ready(function(){
$("li#"+order).click(function(){
alert("ss");
});
});
}
}
经测试，可以通过append循环显示出变量chooseMusic,但是点击事件并没有执行，应该是给li标签添加id不成功，求问怎么修改？

Answer 1

　　用$("ul").append("<li id='tb_"+num+"' class='normaltab' >"+"新建类型"+"</li>")就可以实现；

　　具体添加，参考方法如下：
　　var dy_div=parent.document.getElementById("xs");//这个div在iframe所在的页面
　　if(dy_div.getElementsByTagName("ul").length!=0){ //判断div中是否存在ul标签
　　dy_div.innerHTML="";
　　}
　　var cre_ul=document.createElement("ul");//创建ul
　　cre_ul.id="mycarousel1";
　　cre_ul.className="jcarousel-skin-tango";//设置ul的css
　　cre_ul.style.cssText="margin-top:8px";//设置style
　　QueryAction.getSecondeName(parent.document.getElementById("search_name").value.toString(),check,function(data){
　　var dataObj=eval("("+data+")");
　　var str="";
　　$.each(dataObj.clients,function(index,client){
　　var v_li=document.createElement("li");//生成li
　　v_li.innerHTML="<a onclick=document.getElementById('tt').contentWindow.add1('"+client.NAME+"')>"+client.NAME+"</a>";//添加li中要显示的内容
　　cre_ul.appendChild(v_li);
　　});
　　
　　dy_div.appendChild(cre_ul); //追加到div中
　　jQuery(document).ready(function() { //ul用到的样式
　　parent.jQuery('#mycarousel1').jcarousel({
　　easing: 'BounceEaseOut',
　　animation: 0
　　});
　　});
　　});
分享