jQuery:只包装第一个和第二个孩子,而不是其他孩子

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>

我正在玩包裹,wrapAll和孩子,但我卡住了.

提前致谢.

---

哇,谢谢!

还有一件事,如果在我的实际代码中,我有:

<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

首先,亚当说#从你的id属性中删除前缀.也匹配你的结束标签,目前你有</ul>一个</div>应该在哪里.

然后,你可以用它做:lt()和.wrapAll()这样的:

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

这使得所有内容都少于索引2(0和1是前2),然后包装它. 你可以在这里测试一下.