我有一组重复的分区,我不知道会有多少个.每个分区内都有一些内容,我想在每个父分区的分区中包装2个特定的a标签
Current markup:
<div class="item">
<p>text</p>
<a class="link-a">link a</a>
<a class="link-b">link a</a>
<a class="link-c">link a</a>
</div>
<div class="item">
<p>text</p>
<a class="link-a">link a</a>
<a class="link-b">link a</a>
<a class="link-c">link a</a>
</div>
<div class="item">
<p>text</p>
<a class="link-a">link a</a>
<a class="link-b">link a</a>
<a class="link-c">link a</a>
</div>
...等
Desired markup:
<div class="item">
<p>text</p>
<a class="link-a">link a</a>
<div class="wrapped">
<a class="link-b">link a</a>
<a class="link-c">link a</a>
</div>
</div>
<div class="item">
<p>text</p>
<a class="link-a">link a</a>
<div class="wrapped">
<a class="link-b">link a</a>
<a class="link-c">link a</a>
</div>
</div>
<div class="item">
<p>text</p>
<a class="link-a">link a</a>
<div class="wrapped">
<a class="link-b">link a</a>
<a class="link-c">link a</a>
</div>
</div>
...等
我try 过这个:
$('.item .link-b, .item .link-c').wrapAll('<div class="wrapped" />');
但这会导致第一个项目中的所有链接都被包装在一个div.wrapped
中.