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