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은 wrapper을 조작하여 DOM에 삽입되었으므로 문서에서 선택해야합니다.