Question

jquery如何追加整个嵌套元素?

<ul>
<li>
<span class="name">姓名</span>
<input class="b1" type="text" />
</li>
<li>
<span class="sex">性别</span>
<select class="b2" name="gender">
<option value="1">男</option>
<option value="0">女</option>
</select>
</li>
</ul>
我想把上面这段<ul>整段代码通过jquery追加到<div class="info"></div>里面,如何实现

Answer 1

var text='<ul><li><span class="name">姓名</span><input class="b1" type="text" /></li><li><span class="sex">性别</span><select class="b2" name="gender"><option value="1">男</option><option value="0">女</option></select></li></ul>';
$('.info').append(text);

需要注意的是插入的整段代码不要有换行

Answer 2

$(".info").append($("ul").clone())

Answer 3

$("ul").appendTo($(".info"));