jQuery wrapAll category-1，category-2等

Question

我希望能够在父元素中包含具有相同类（例如category-1）的多个元素。我知道可以使用jQuery wrapAll()完成此操作。没问题。
但我想要做的是用类"category-X"包装所有元素，其中X是我自己选择的数字。
我创建一个数组吗？或者我该怎么办？

Answer 1

不，wrapAll（）方法包装你需要使用wrap（）方法的所有类别：

var num = 10; //specify how many here ???
for(var i=0; i<num; i++){
    $('.category').wrap('<div class="category-' + i + '" />');
}

Answer 2

一种可能性，不像调用wrapAll()那么简单，是：

$('[class^="category-"]').each(function(){
    var n = this.className.replace('category-',''),
        container = $('.container-' + n).length ? $('.container-' + n) : $('<div />', {
            'class' : 'container-' + n
        }).appendTo(this.parentNode);
    $(this).appendTo(container);
});

JS Fiddle demo

参考文献：

• jQuery的：
  • appendTo()。
  • Attribute-starts-with ([attribute^="value"]) selector。
  • each()。
• ＆＃39;平原＆＃39; JavaScript的：
  • String.replace()。