jq如何新增在div里新增一个ul的内容_IT百科

1、使用html()

$("#id").html("<ul><li>jfoweig</li></ul>")//元素原来内容会被清空，添加html()里的内容

2、使用append()

var ul=$("<ul><li>jfeigej</li></ul>")

$("#id").append(ul)//ul会添加在元素里的最后

after是追加一个元素到指定位置，既然是元素，就是一个闭合的。

如果 *** 作元素的话，建议把li取出，做循环，每三个包裹在<ul></ul>中。

如果 *** 作字符串的话，查找DOM代码，插入html代码，用 innerHTML 。

虽然你已经采纳了一个，但是采纳的那个看着略复杂，给你附加个更简单的吧，为了方便看出效果，我加了点儿样式。效果如下：

代码如下：

<html>

<head>

<style>

.blockline{border-bottom:1px solid #ccc}

</style>

$(function(){

count = $("#test li").length //获取选中元素个数

var html = "</ul><ul class='blockline'>"

$("#test li").each(function(index,element){ //index从0开始

if(index!=0 && index!=(count-1)){ //非起止位置元素

if(index%2 == 1){

$(this).append(html)

}

})

</script>

</head>

</ul>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

jq如何新增在div里新增一个ul的内容