jQuery如何用dom增加多个标签

时间:2021-02-17 03:03:44
我现在用的是拼装html方式, 我只会.append 增加, 想问一个jq技巧下面代码怎么用一条语句来增加到页中
<div class="ct">
    <ul>
   <li class="c1"><div class="t">测试1</div></ li>
   <li class="c2"><div class="t">测试21</div></ li>
    </ul>
</div>

--------------------------------------------------
<html>

 <div id="list"></div>

<html>

9 个解决方案

#1


jQuery的append 可以啊

#2


var arr = [];
arr.push('<div class="ct">')
arr.push('<ul>')
arr.push('<li class="c1"><div class="t">测试1</div></ li>')
arr.push('<li class="c2"><div class="t">测试21</div></ li>')
arr.push('</ul>')
arr.push('</div>')

$(body).append(arr.join(''));

        

#3


var vp='<div class=\"ct\"><ul><li class=\"c1\"><div class=\"t\">测试1</div></ li><liclass=\"c2\"><div class=\"t\">测试21</div></ li></ul></div>'

$('.list').append(vp)

把你的html代码赋值给一个变量 双引号用\转义

#4


引用 2 楼 thc1987 的回复:
var arr = [];
arr.push('<div class="ct">')
arr.push('<ul>')
arr.push('<li class="c1"><div class="t">测试1</div></ li>')
arr.push('<li class="c2"><div class="t">测试21</div></ li>')
arr.push('</ul>')……

我的意思是用链语法一条就能全部信息增加,上面的还是拼html串方式 

#5


我只想了解这种dim元素包含dim元素如何用语法方式增加

#6


引用 5 楼 ccssddnnsb 的回复:
我只想了解这种dim元素包含dim元素如何用语法方式增加

$(body).append($('.ct').html())

#7


可以添加$obj,也可以直接添加html

#8


不错啊

#9


可以用jQuery中的ajax方法load

#1


jQuery的append 可以啊

#2


var arr = [];
arr.push('<div class="ct">')
arr.push('<ul>')
arr.push('<li class="c1"><div class="t">测试1</div></ li>')
arr.push('<li class="c2"><div class="t">测试21</div></ li>')
arr.push('</ul>')
arr.push('</div>')

$(body).append(arr.join(''));

        

#3


var vp='<div class=\"ct\"><ul><li class=\"c1\"><div class=\"t\">测试1</div></ li><liclass=\"c2\"><div class=\"t\">测试21</div></ li></ul></div>'

$('.list').append(vp)

把你的html代码赋值给一个变量 双引号用\转义

#4


引用 2 楼 thc1987 的回复:
var arr = [];
arr.push('<div class="ct">')
arr.push('<ul>')
arr.push('<li class="c1"><div class="t">测试1</div></ li>')
arr.push('<li class="c2"><div class="t">测试21</div></ li>')
arr.push('</ul>')……

我的意思是用链语法一条就能全部信息增加,上面的还是拼html串方式 

#5


我只想了解这种dim元素包含dim元素如何用语法方式增加

#6


引用 5 楼 ccssddnnsb 的回复:
我只想了解这种dim元素包含dim元素如何用语法方式增加

$(body).append($('.ct').html())

#7


可以添加$obj,也可以直接添加html

#8


不错啊

#9


可以用jQuery中的ajax方法load