jQuery nth-child thêm html sau

Question

Tôi có một danh sách đơn giản không có thứ tự với 16 mục danh sách. Tôi muốn thêm một mục danh sách mới sau mỗi mục danh sách hiện có thứ tư bằng cách sử dụng jQuery

Tôi sẽ làm điều đó như thế nào? Mã bên dưới:

<ul> 
    <li>some stuff</li> 
    <li>some stuff</li> 
    <li>some stuff</li> 
    <li>some stuff</li> 

    <li class="clear">This is what I want to add</li> 

    <li>some stuff</li> 
    <li>some stuff</li> 
    <li>some stuff</li> 
    <li>some stuff</li> 

    <li class="clear">This is what I want to add</li> 

    and so on... 
</ul> 

Answer 1

Sử dụng :nth-child selector (documentation):

$('ul li:nth-child(4n)').after('<li class="clear">This is what I want to add</li>')