jQuery - 使用内容在div上创建div

Question

我有内容#one和我想要(但我不知道如何)创建(通过jQuery)div #one与div #one内容的第二个div,如:

<div id="one">
  <p>Content content</p>
</div>

<div id="one">
  <div id="second" style="width: xxxpx; ...">
    <p>Content content</p>
  </div>
</div>

Answer 1

我建议:

$('#one').wrapInner('<div id="second"></div>');

这基本上选择了元素(在本例中为#one元素),并使用wrapInner()方法中传递的HTML字符串包装其整个子节点.

显然,我想,当执行相同的内容更改为大量元素而不仅仅是一个时,这种方法就会出现,但即使在"只有一个"的情况下,它仍然可以节省时间.

参考文献:

• wrapInner().