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");
});