jQuery: "wrapAll()" ile oluşturulan sarmalayıcı öğesi nasıl alınır?

Question

Aşağıdaki kodu göz önünde bulundurun: (canlı örneği here)

HTML:

<div class="a">Hello</div> 
<div class="a">Stack</div> 
<div class="a">Overflow</div> 

CSS:

.wrapper { 
    background-color: #777; 
} 

JS: doğru yol ne olurdu

$(function() { 
    var wrapper = $("<div class='wrapper'></div>"); 
    $(".a").wrapAll(wrapper); 
    wrapper.css("border", "5px solid black"); // Doesn't work 
}); 

oluşturulan sarmalayıcıyı al ve özelliklerini değiştir

Not: Orada DOM diğer .wrapper unsurlarıdır, dolayısıyla bu işe yaramaz:

$(".wrapper").css("border", "5px solid black"); 

Ben de oluşturulan sarmalayıcıya bir benzersiz id vermek istemiyoruz. Sadece elemanları sarılmış yana

Answer 1

, yeni eklenen sarma elde etmek için parent() kullanabilir:

$(".a").wrapAll("<div class='wrapper'></div>") 
     .parent().css("border", "5px solid black"); 

Answer 2

$(function() { 
    var wrapper = $("<div class='wrapper'></div>"); 
    var wrapped = $(".a").wrapAll(wrapper); 
    wrapped.css("border", "5px solid black"); 
}); 

Answer 3

çağrılan zaman wrapAll Eğer etkilemez böylece wrapper saklanan jQuery nesne klonlanmış alır wrapper'u manipüle ederek DOM'a eklenmiş olan .wrappers, bunları belgedeki seçmeniz gerekir.