jquery - 如何使用 jquery 捕获第一个克隆列表？

Question

如何使用 jquery 捕获第一个克隆列表？

<ul id=testList>
    <li><input type=checkbox" /><p> Test A </p></li>
    <li><input type=checkbox" /><p> Test B </p></li>
    <li><input type=checkbox" /><p> Test C </p></li>
    <li><input type=checkbox" /><p> Test D </p></li>
    <li><input type=checkbox" /><p> Test E </p></li>
</ul>

我的尝试:

var firstClonedList = $("#testList li:eq(0)").clone();
alert(firstClonedList.html());

问题: 警报显示:

<input type=checkbox" /><p> Test A </p> 

正确，但我需要显示警报:

<li><input type=checkbox" /><p> Test A </p></li>

Answer 1

试试这个

var firstClonedList = $("#testList li:eq(0)").clone();
alert($('<div/>').append(firstClonedList).html());​​​​​​​​

这个想法是创建一个 div 作为 li 的包装器，然后只需在 上调用 html() div.

Working example here .