.slice ve .wrapall

Question

Yığın akışında bir üyenin önerdiği ve her 3 liste öğesinin bir mega menüsünün parçası olarak sarılması için benim tarafımdan uyarlanmış bir kod kullanıyorum. kodudur:

var lis = $("ul > li"); 
for(var i = 0; i < ls.length; i+=3) { 
    lis.slice(i, i+3).wrapAll("<div class='new'></div>"); 
} 

Ne yazık ki bu bir div 3 li en hakkındaki 'kotasını' doldurmak için bir sonraki ana menüden alt li en çekecek. Bu, elbette menülerimi büyük çapta karıştırıyor. Bir örnek için lütfen burayı ziyaret edin.

Bunu düzeltmek için herhangi bir öneriniz var mı?

Answer 1

Senin sorunun sizin seçicidir . sizzle sağdan sola doğru çalıştığından, yalnızca UL element olan ve doğrudan ana öğe olan LI elements'u sorgulayacaktır (genellikle, her zaman böyle olur).

ULs'u ayırın.

$('ul').each(function(){ 
    var $lis = $(this).children('li'); 
    for(var i = 0, len = $lis.length; i < len; i+=3){   
    $lis.slice(i, i+3).wrapAll("<div class='new'></div>"); 
    } 
}); 

Answer 2

Sınıfın ht seçicisi olarak kullanılmasının bu şekilde uygulanmasını denediniz mi?

var lis = $("ul.list-content > li"); 
for(var i = 0; i < lis.length; i+=3) { 
    lis.slice(i, i+3).wrapAll("<div class='new'></div>"); 
} 

Ama bilmiyordu, ben .. İyi .. değil ul üzerinde div koyuyoruz sen dom ayrılıyorlarmış diye uyarıyorum;)