javascript - 仅通过 jquery 插入

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。