jquery - 如何在ul中使用jquery在每个5的倍数之后添加div

Question

如何使用 jquery 实现以下目标。我尝试使用 css 但无济于事，所以我正在考虑使用 jquery。我怎样才能做到这一点？我试图追加但无济于事。

 <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <div class="clear"></div>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <div class="clear"></div>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <div class="clear"></div>
    </ul>

欢迎任何帮助或建议。谢谢！

Answer 1

您将要使用第n 个子选择器。

$('ul li:nth-child(5n)').after('<li class="clear"></li>');

Answer 2

尝试以下...它应该工作..

  $(document).ready(function(){
    $('ul li').each(function(i,val){
    i++;
    if(i%5==0){
    $(this).append('<div class="clear"></div>');
    }
    });
    });