jquery - 为什么在使用 jQuery 集合包装另一个元素后我无法访问它？

Question

看看这段代码:

var b = $('<div id="b" />');
$('#a').wrap(b);
b.css({ border: '5px solid red' });

jsFiddle .

存储在b下的元素将没有有边框。

一旦使用 b 来包装另一个元素，是否有办法仍然可以访问它？

或者我应该再次执行b = $('#b')？

Answer 1

我不认为 jQuery 实际上使用相同的“b”实例来包装它。您需要用为进行换行而创建的“b”来覆盖“b”。

var b = $('<div id="b" />');

b = $('#a').wrap(b).parent();

b.css({ border: '5px solid red' });

我想原因是，如果 a 是一个类而不是 ID，并且有多个类，那么您将无法使用相同的元素单独包装每个 .a。

因此它必须克隆 b 来进行换行。