javascript - jQuery:只包装第一个和第二个 child ，而不是其余的 child

Question

在我的实际代码中:

<div id="mother">
  <div id="child-01"></div>
  <div id="child-02"></div>
  <div id="child-03"></div>
  </ul>

我需要制作:

<div id="mother">
  <div id="myWrap">
    <div id="child-01"></div>
    <div id="child-02"></div>
  </div>
  <div id="child-03"></div>
  </ul>

我正在玩 wrap、.wrapAll() 和 children，但我卡住了。

如果在我的实际代码中有:

<div id="mother">
  <div id="child-01"></div>
  <div id="child-02"></div>
  <div id="child-03"></div>
  </ul>

  <div id="uncle">
    <div id="cousin-01"></div>
    <div id="cousin-02"></div>
    <div id="cousin-03"></div>
    </ul>

我如何生产:

<div id="mother">
  <div id="myWrap">
    <div id="child-01"></div>
    <div id="child-02"></div>
    <div id="cousin-02"></div>
  </div>
  <div id="child-03"></div>
  </ul>

Answer 1

首先是Adam说删除#来自您的 id 属性的前缀。也匹配你的结束标签，目前你有一个 </ul>其中一个 </div>应该。

然后，您可以使用 :lt() 来完成它和 .wrapAll() 像这样:

$("#mother div:lt(2)").wrapAll("<div id='myWrap'></div>");

这会获取小于索引 2 的所有内容(0 和 1 是前 2 个)，然后将其包装。 You can test it here .