javascript - jQuery 添加带有条件排列的 div 元素

Question

我想问一下，如果我们用 jQuery 添加 div 元素是否可行，但我需要这样的条件:

我之前的代码

<li>
    <a href="" class="1"></a>
    <a href="" class="2"></a>
    <div class="another"></div>
    <a href="" class="3"></a>
</li>

我想要的是:

<li>
    <a href="" class="1"></a>
    <div class="new">
        <a href="" class="2"></a>
        <div class="another"></div>
        <a href="" class="3"></a>
    </div>
</li>

如果可以的话，我希望有人能帮助我。

Answer 1

您可以创建新元素，将其附加到您想要的任何位置，然后将您想要的元素附加到新元素中:

var wrapper = $('<div class="new"/>'); 
$('li').find('a').first().after(wrapper).nextAll().appendTo(wrapper);