Question

怎么用js在ul标签下添加li标签，并要求li有id？

我自己写了一段代码：$("ul").append("<li id=' 'tb_'+num' class='normaltab' >"+"新建类型"+"</li>")，其中，那个num是一个动态的数字，但是我运行后发现，生成的是 <li id="" tb_'+num'="" class="normaltab" >新建类型</li>这样一个东西，求高手指点一二啊！

Answer 1

1、新建一个txt文档，将文档修改成“index.html”的html文件。

2、将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。

3、在body标签内编写一段"ul、li"的标签。

4、用浏览器打开index.html文件，可以发现默认“ul li”标签组前面有个实心小圆点。

5、只需要在ul标签内加入（style=“list-style：none；”）的样式代码，保存后再次刷新下页面。

6、刷新页面后，发现ul、li标签组前面的小圆点不见了。

注意事项：

JavaScript已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

Answer 2

　　用$("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
　　});
　　});
　　});

Answer 3

$("ul").append("<li id='tb_"+num+"' class='normaltab' >"+"新建类型"+"</li>")

Answer 4

单双引号的问题吧。。$("ul").append("<li id='"tb_"+num' class='normaltab' >"+"新建类型"+"</li>")，改成这样试试。