JQuery : Aggiungere classe dopo n° elementi
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>