Jquery .wrapAll会混淆元素的顺序

Question

我有以下要素：

<span class="skilltext">HTML</span>
<span class="skilltextnumber">60%</span>
<span class="skilltext">CSS</span>
<span class="skilltextnumber">30%</span>

然后我在.each函数中执行以下jquery行：

        $( this ).find( ".skilltextnumber, .skilltext" ).wrapAll( "<div class='skill-wrapper'></div>");

这很安静。但是元素的顺序现在不同了。

<span class="skilltext">HTML</span>
<span class="skilltext">CSS</span>
<span class="skilltextnumber">60%</span>
<span class="skilltextnumber">30%</span>

如何防止jquery搞乱我元素的顺序？

Answer 1

而不是

$( this ).find( ".skilltextnumber, .skilltext" ).wrapAll( "<div class='skill-wrapper'></div>");

使用

$( this ).find( "span" ).wrapAll( "<div class='skill-wrapper'></div>");