javascript - 通过 jquery 仅插入 </div>

Question

我这里有一个小问题，因为 jQuery 似乎“太聪明”了。

在我的 HTML 代码中，我想将此字符串插入 div 容器中:

</div><div class="something">

如您所见，第一个是结束标签，第二个是开始标签。 那是因为我想把一个大DIV切成碎片。

我尝试使用 jQuery，我更喜欢它:

$(this).children('.abc').each(function(j){
    if( (j+1) % 3 == 0){ 
        $(this).after('</div><div class="abc">');
    }
});

我正在计算子容器，每三个容器之后我想剪切父容器。

不幸的是 jQuery 忽略了 </div>并将结束标签放在 <div> 上。所以结果是<div class="abc"></div> .

如何告诉 jQuery 插入我想要的字符串，而无需任何自己的半智能解析？

Answer 1

如果您想将一个 div 切成两个，您可能最好用两个替换一个，而不是试图聪明地插入结束语 </div>和一个开口<div> .

$('.one').replaceWith('<div class="two">two</div><div class="three">three</div>')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="one">I am one</div>

当然，您可以根据需要将任何内容转移到新的 div 中。