Javascript 如何使用jQuery将所有li元素封装在ul元素中？_Javascript_Jquery

Javascript 如何使用jQuery将所有li元素封装在ul元素中？

javascript jquery

Javascript 如何使用jQuery将所有li元素封装在ul元素中？,javascript,jquery,Javascript,Jquery,我有这个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&

我有这个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>

现在它添加到

。所有div类，但和元素添加到li
元素之上，但它应该包装所有li
元素
我想要什么，例如：
<ul>
    <li>one</li>
    res of the li..
</ul>

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


一个
李先生。。


但显示：
<ul>
    <li>one</li>
    res of the li..
</ul>

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


一个
李先生。。

$（“.all”）.prepend（”）；
$（“.parent li”）。每个（函数（索引）{
$（“.all ul”）.append（“”+$（this.text（）+””）；
});
$（“.all”）。前缀（
”






















$（“.all”）.prepend（”）；
$（“.parent li”）。每个（函数（索引）{
$（“.all ul”）.append（“”+$（this.text（）+””）；
});
$（“.all”）。前缀（
”





















对于中的附加元素，只需在类为的元素上使用find（）
。all
查找新的附加标记，然后在其上添加所有：
<script>
$(".all").append("<ul>");
var ul = $(".all").find("ul");

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


$（“.all”）。追加（“”）；
var ul=$（“.all”）.find（“ul”）；
$（“.parent li”）。每个（函数（索引）
{
ul.追加（“”+$（this.text（）+””）；
});

您可以查看下一个工作示例：

$（.all”）。追加（）；
var ul=$（“.all”）.find（“ul”）；
$（“.parent li”）。每个（函数（索引）
{
ul.追加（“”+$（this.text（）+””）；
});





















对于中的附加元素，只需在类为的元素上使用find（）
。all
查找新的附加标记，然后在其上添加所有：
<script>
$(".all").append("<ul>");
var ul = $(".all").find("ul");

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


$（“.all”）。追加（“”）；
var ul=$（“.all”）.find（“ul”）；
$（“.parent li”）。每个（函数（索引）
{
ul.追加（“”+$（this.text（）+””）；
});

您可以查看下一个工作示例：

$（.all”）。追加（）；
var ul=$（“.all”）.find（“ul”）；
$（“.parent li”）。每个（函数（索引）
{
ul.追加（“”+$（this.text（）+””）；
});





















jquery代码可以这样重写：

$（.all”）。追加（）；
$（“.parent li”）。每个（函数（索引）{
$（“.all ul”）.append（“”+$（this.text（）+””）；
});





















jquery代码可以这样重写：

$（.all”）。追加（）；
$（“.parent li”）。每个（函数（索引）{
$（“.all ul”）.append（“”+$（this.text（）+””）；
});





















您可以使用prependTo（）


$（“.all”）.prepend（）；
$（“.parent li”）。每个（函数（索引）{
$（“.all”）.append（“”+$（this.text（）+””）；
});
美元（“.all li”）.prependTo（“.new”）





















您可以使用prependTo（）


$（“.all”）.prepend（）；
$（“.parent li”）。每个（函数（索引）{
$（“.all”）.append（“”+$（this.text（）+””）；
});
美元（“.all li”）.prependTo（“.new”）





















无需创建新的
或使用循环。只需复制现有的
，找到它的