我的代码是这样的
<div class="tab-1">
<a class="parent-category" href="#">Link1</a>
<a class="child-category first" href="#">Link2 </a>
<a class="child-category" href="#">Link3 </a>
<a class="child-category" href="#">Link4</a>
<a class="child-category end" href="#">Link5</a>
<a class="parent-category" href="#"> LinkA </a>
<a class="parent-category" href="#"> LinkB </a>
<a class="child-category first" href="#">LinkB1</a>
<a class="child-category end" href="#">LinkB2</a>
</div>
我想要一个 jquery 过程来插入一个新的 div “tab2”并在类 .end 第一次遇到时结束其父 div。如下
<div class="tab-1">
<a class="parent-category" href="#">Link1</a>
<a class="child-category first" href="#">Link2 </a>
<a class="child-category" href="#">Link3 </a>
<a class="child-category" href="#">Link4</a>
<a class="child-category end" href="#">Link5</a>
</div><div class="tab-2">
<a class="parent-category" href="#"> LinkA </a>
<a class="parent-category" href="#"> LinkB </a>
<a class="child-category first" href="#">LinkB1</a>
<a class="child-category end" href="#">LinkB2</a>
</div>
我试过 after();, append(); , 前(); . 但每次我写
$(this).after('</div><div class="tab-2">');
它在浏览器上呈现为“ <div class="tab-2"></div>
”,这是我不想要的。期待解决方案