jQuery: Jak utworzyć element opakowania za pomocą metody "wrapAll()"?

Question

Rozważmy następujący kod: (przykładowy żywo here)

HTML:

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

CSS:

.wrapper { 
    background-color: #777; 
} 

JS:

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

Jaki byłby właściwy sposób uzyskać utworzone opakowanie i zmienić jego atrybuty?

Uwaga: Istnieją inne .wrapper elementy DOM, więc to nie będzie działać:

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

nie chcę dać niepowtarzalną id do utworzonego owijki albo.

Answer 1

Skoro tylko owinięte elementy, można użyć parent() celu uzyskania nowo wstawione owijarki:

$(".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

Przedmiotem jQuery przechowywane w wrapper zostaje sklonowany gdy wrapAll jest wywoływana, więc nie może mieć wpływu na .wrappers, które zostały wstawione do DOM przez manipulowanie wrapper, musisz wybrać je z dokumentu.