jQuery： "wrapAll（）"で作成されたラッパー要素を取得する方法は？

Question

は、次のコードを考えてみます（実際の例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 
}); 

に正しい方法だろう何作成されたラッパーを取得し、その属性を変更しますか？

注：ありDOM内の他の.wrapperの要素があるので、これは動作しません。

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

私はどちらか作成したラッパーにユニークidを与えたくありません。

Answer 1

あなただけの要素を包んだので、あなたは新たに挿入されたラッパーを取得するためにparent()を使用することができます。

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

wrapAllが呼び出されたときに影響を与えることはできませんのでwrapperに保存されているjQueryオブジェクトは、クローン化されます.wrappersはDOM内に挿入されており、文書から選択する必要があります。wrapperを操作してください。