javascript - javascript如何使用jQuery包装所有li元素 inside ul元素?

  显示原文与译文双语对照的内容
116 2

我有这个 HTML:

<li>
 <a href=""></a>
 <ul class="parent">
 <li><a href="">one</a></li>
 <li><a href="">two</a></li>
 <li><a href="">three</a></li>
 <li><a href="">four</a></li>
 <li><a href="">five</a></li>
 <li><a href="">six</a></li>
 </ul>
</li>
<li>
 <a href=""></a>
 <ul class="parent2">
 <li><a href="">one</a></li>
 <li><a href="">two</a></li>
 <li><a href="">three</a></li>
 <li><a href="">four</a></li>
 <li><a href="">five</a></li>
 <li><a href="">six</a></li>
 </ul>
</li>
<div class="all"></div>

我使用以下jQuery代码获取 .parent 类的所有 li 元素,并希望显示所有 li 元素到div类名为 .all

<script>
$(".all").prepend("<ul>");
$(".parent li" ).each(function( index ) {
 $(".all").append("<li>" + $(this).text() +"</li>");
});
$(".all").prepend("</ul>");
</script>

现在它添加到 .all div类但是 <ul></ul> 元素正在添加元素,但是它应该封装所有 li 元素。

我想为付出的代价为:

<ul>
 <li>one</li>
 res of the li..
</ul>

,但显示:

<ul></ul>
<li>one</li>
res of the li..
时间:原作者:0个回答

...