js让html的元素递增

html

<ul id="root">

    <li><p></p></li>

    <li><p></p></li>

    <li><p ></p></li>

</ul>

如果用原生js， 代码如下

var par = document.getElementById("root")

var lis = par.getElementsByTagName("li")

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

    lis[i].getElementsByTagName("p")[0].className = "ts" + (i+1)

}

如果用jquery

$("#root li").each(function (i){

    $(this).find("p:eq(0)").addClass("ts" + (i+1))

})

<ul id="ul1"></ul>

下面是jQuery代码：

$(function(){

var html = ""

for(var i=0i<10i++){

html += "<li id=\"menu" + i + "\" onmouseover=\"this.style.cursor='pointer'\">限量...."

for(var j=0......)---- 这个循环里加div等等，反正就是li内的内容

html += "</li>"

｝

//最后

$("#ul1").append(html)

})

注明：我瞎写的，不对你别骂我！

---