div - wrap javascript

jQuery: ¿Cómo obtener el elemento wrapper creado con "wrapAll()"?

Question

Considere el siguiente código: (ejemplo vivo 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
});

¿Cuál sería la forma correcta de obtener el envoltorio creado y cambiar sus atributos?

Nota: hay otros elementos .wrapper en el DOM, por lo que esto no funcionará:

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

Tampoco quiero dar una id única a la envoltura creada.

Answer 1

Como acaba de envolver los elementos, puede usar parent() para obtener los envoltorios recién insertados:

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

Answer 2

El objeto jQuery almacenado en el wrapper se clona cuando se llama a wrapAll , por lo que no puede afectar a los .wrappers que se insertaron en el DOM manipulando el wrapper , debe seleccionarlos del documento.

Answer 3

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