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

Question

如何使用jquery实现以下功能。我试图使用CSS但无济于事所以我想使用jquery.How我能实现这个吗？我试图追加但无济于事。

 <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

您需要使用nth child selector.

$('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>');
    }
    });
    });