javascript - jQuery 在计数后插入关闭的 div 标签和打开的 div 标签

Question

我正在尝试让 jquery 关闭一个 div 并在 x 个元素之后插入一个带有类的开头 div。

这是我尝试过的:

$(this).after('</div> <div class=\"bar">Bar');

它输出:

<div class="bar">Bar</div>

我需要的是:

<div class="item2">
   <div class="CountThese2"> Count Me </div>
   <div class="CountThese2"> Count Me </div>
</div>
<div class="bar">
   <div class="CountThese2"> Count Me </div>
   <div class="CountThese2"> Count Me </div>
</div>
   <div class="bar">
   <div class="CountThese2"> Count Me </div>
<div class="CountThese2"> Count Me </div>
</div>
<div class="bar">
   <div class="CountThese2"> Count Me </div>
   <div class="CountThese2"> Count Me </div>    
</div>

http://jsfiddle.net/yoderman94/JEtj2/

Answer 1

你不能添加半个标签。我认为您要做的是包装元素。你的 fiddle 很乱，但这里有一个简单的例子来说明你如何做到这一点:

http://jsfiddle.net/9Q62H/

while($('#wrapper > a:lt(2)').wrapAll('<div class="bar">bar</div>').length) { }

这变成了:

<div id="wrapper">
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
</div>

进入这个:

<div id="wrapper">
    <div class="bar">bar
        <a href="#">1</a>
        <a href="#">1</a>
    </div>    
    <div class="bar">bar
        <a href="#">1</a>
        <a href="#">1</a>
    </div>    
    <div class="bar">bar
        <a href="#">1</a>
        <a href="#">1</a>
    </div>    
    <div class="bar">bar
        <a href="#">1</a>
        <a href="#">1</a>
    </div>    
</div>