javascript - Jquery .after() 未按预期插入

Question

编辑:找到解决方案 How to wrap every 3 child divs with html using jquery?

<小时/>

我正在打印一个包含很多 <div> 的列表并想要插入 </div><div class="clearfix">每 6 日之后 <div>使用 jQuery。

自然会是这样的

$('#staffscroll .person:nth-child(5n)').after('</div><div class="clearfix">');

但是输出变成 <div class="clearfix"></div>这根本没有意义。

有什么想法吗？

<小时/>

好吧，也许应该提供更多代码..

我正在使用幻灯片脚本。整个过程基本上就是把东西放在 <div> 中。 .

例如..

<div id="slideshow">
    <div class="clearfix"> First slide wrapper
        <img>
        <img>
        <img>
        <img>
    </div>
    <div class="clearfix"> Second slide wrapper
        <img>
        <img>
        <img>
        <img>
    </div>
    <div class="clearfix"> Third slide wrapper
        <img>
        <img>
    </div>
</div>

问题是我也在使用 CMS，它对动态输出没有太多控制。所以我的想法是我可以输出所有内容，然后提供幻灯片包装。

因此</div><div class="clearfix">

现在不知道它是否有意义，但我希望你明白我想要做的事情。

Answer 1

您尝试插入的语句不是正确的 XML。您正在将 HTML 文档视为一个大字符串，但如果您想使用 jQuery 等工具，那么这种做法是错误的。

建议您详细了解DOM以及如何使用它。您的整个方法是错误的，因此您的代码示例不可纠正。