Comment compter un élément DIV et insérer une ligne de rupture

Question

Je voudrais insérer une ligne de rupture après le deuxième ou le troisième élément DIV. Des idées pour utiliser Jquery? Merci

<div class="column"> 
    <h3>Web Development</h3> 
    <ul> 
     <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li> 
     <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li> 
     <li><a href="http://www.cssdrive.com">CSS Drive</a></li> 
     <li><a href="http://www.codingforums.com">Coding Forums</a></li> 
     <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li> 
    </ul> 
</div> 

<div class="column"> 
    <h3>News Related</h3> 
    <ul> 
     <li><a href="http://www.cnn.com/">CNN</a></li> <li><a href="http://www.msnbc.com">MSNBC</a></li> 
     <li><a href="http://www.google.com">Google</a></li> <li><a href="http://news.bbc.co.uk">BBC News</a></li> 
    </ul> 
</div> 

<div class="column"> 
    <h3>Technology</h3> 
    <ul> 
     <li><a href="http://www.news.com/">News.com</a></li> 
     <li><a href="http://www.slashdot.com">SlashDot</a></li> 
     <li><a href="http://www.digg.com">Digg</a></li> 
     <li><a href="http://www.techcrunch.com">Tech Crunch</a></li> 
    </ul> 
</div>​ 

Answer 1

Vous pouvez utiliser :eq et after comme ceci:

$('div.column:eq(1)').after('<br />'); 

Ce serait insérer une nouvelle ligne seulement après la deuxième div. Si vous souhaitez insérer une nouvelle ligne après chaque seconde div (par rapport à div utilisé précédemment), vous devez utiliser :nth-child plutôt comme ceci:

$('div.column:nth-child(2n)').after('<br />');