1

我有这个代码

<div class="pagenavcounter">Page 2 of 4</div><p>
<strong>test test</strong></p>
</div>
<ul class="ticklist">
<li>Test Content</li>
<li>
     Test Content</li>
<li>
    Test Content </li>
<li>
     Test Content*</li>
</ul>
<p>
<strong>Package Extras</strong></p>
<ul>
<li>
    Test Contentt<sup>#</sup></li>
<li>
    Test Content</li>
<li>
    Test Content</li>
</ul>
<table class="stripeTable" style="width:95%;" border="0" cellpadding="0" cellspacing="0" width="518">
<tbody>
    <tr class="">
        <td class="customerDetailsThead header" colspan="2">
            <p>
                <strong>Key features</strong></p>
        </td>
    </tr>
    <tr class="odd">
        <td class="customerDetails" style="width:35.0%;">
            <p>
                test</p>
        </td>
        <td class="customerDetails">
            <p>
                test</p>
        </td>
    </tr>

</tbody>
</table>

<p>
<sup>contwent contese</sup>
</p>
<div class="pagenavbar"><div>

我需要用 jQuery 插入一个在 pagenavcounter 之后开始并在 pagenavbar 之前结束的包装器 div？

两者之间的含量可以不同。

关于我如何做到这一点的任何想法？

谢谢

4

1 回答 1

3

假设您提到的两个 div 是兄弟姐妹，以下将完成这项工作。（如果它们不是兄弟姐妹，那么将它们之间的所有内容都包装在一个元素中是没有意义的。）

$("div.pagenavcounter").nextUntil("div.pagenavbar")
                       .wrapAll( $("<div></div>").addClass("wrapper") );

您传递给该.wrapAll()方法的元素将是新的包装器 - 出于演示目的，我只是创建一个新的空 div 并为其提供 class "wrapper"。

演示：http: //jsfiddle.net/nnnnnn/SpPzh/

如果.nextUntil()并且.wrapAll()不是不言自明，您知道在哪里看...

于 2012-09-10T00:51:04.040 回答