如何获取使用“wrapAll()”创建的包装器元素？

Question

考虑以下代码：（现场示例here）

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

.wrapper {
  background-color: #777;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="a">Hello</div>
<div class="a">Stack</div>
<div class="a">Overflow</div>

获取创建的包装器并更改其属性的正确方法是什么？

注意： 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

wrapper中存储的jQuery对象会在wrapAll被调用时被克隆，所以你不能通过wrapper来影响已经插入DOM的.wrappers，你需要从文档中选择它们。