JQuery : Aggiungere classe dopo n° elementi

July 15th, 2014

Per un progetto, ho avuto la necessità di aggiungere una classe dopo un certo numero di elementi in una lista :

 

la lista :

 

<ul class=”portfolio_view ” >

<li> <a href=”test.html”> <img src=”,,/img/test.jpg” /> <div><span>test</span></div> </a> </li>
<li> <a href=”test.html”> <img src=”,,/img/test.jpg” /> <div><span>test</span></div> </a> </li>
<li> <a href=”test.html”> <img src=”,,/img/test.jpg” /> <div><span>test</span></div> </a> </li>
<li> <a href=”test.html”> <img src=”,,/img/test.jpg” /> <div><span>test</span></div> </a> </li>

</ul>

 

Il jquery :

<script type=”text/javascript”>

var $j = jQuery.noConflict();

$j(document).ready(function($) {
$(‘.portfolio_view li:nth-child(4n+4)’).addClass(“last”);

$(‘.portfolio_view li:nth-child(4n+5)’).addClass(“first”);
});
</script>