Hallo,

Ik heb een js file met deze code:


$(document).ready(function() {

$(  "ul:nth-of-type(4n+1)" ) 
.addClass( "links" ); 


$( "ul:nth-of-type(4n+4)" )   
.addClass( "rechts" ); 

});


Ik wil bovenstaande actie alleen voor UL's die onder een bepaalde DIV staan:

<div id="tabel">


Hoe integreer ik de div id in bovenstaande js code?

Sorry, heb vrijwel geen kennis van js :-(

Guido
Ik geloof dat dat gewoon heel simpel, op deze manier is:

$(document).ready(function() {

$( "#tabel > ul:nth-of-type(4n+1)" ) 
.addClass( "links" ); 


$( "#tabel > ul:nth-of-type(4n+4)" )   
.addClass( "rechts" ); 

});


Wat is de bedoeling van je code? Links en rechts een kleur geven? Dit kan je beter gewoon met CSS doen denk ik.
Machiel K op 24/08/2014 12:51:56

Ik geloof dat dat gewoon heel simpel, op deze manier is:

$(document).ready(function() {

$( "#tabel > ul:nth-of-type(4n+1)" ) 
.addClass( "links" ); 


$( "#tabel > ul:nth-of-type(4n+4)" )   
.addClass( "rechts" ); 

});


Wat is de bedoeling van je code? Links en rechts een kleur geven? Dit kan je beter gewoon met CSS doen denk ik.



precies, js nergens voor nodig..


#tabel > ul:nth-of-type(4n+1), .links {
 color: red; 
}


#tabel > ul:nth-of-type(4n+4), .rechts {
 color: blue;
}


Bedankt voor jullie reacties.

Klopt, het kan zeker via css alleen, maar de NTH wordt niet ondersteund in IE 8 en ouder en schijnt wél ondersteund te worden in jquery. En jquery wordt wél in IE 8 en ouder ondersteund.

Kan 1 van jullie me ook vertellen hoe ik de if /else statement toevoeg aan de code van Machiel K?


$(document).ready(function() {

IF
$( "#tabel > ul:nth-of-type(4n+1)" ) 
.addClass( "links" ); 

ELSE
$( "#tabel > ul:nth-of-type(4n+4)" )   
.addClass( "rechts" ); 

}); 


Guido
@Guido,

Hoezo geen oplossing? Op de website van Stackoverflow wat ik je gaf, staat toch duidelijk hoe je dat kunt oplossen met :first-child en of door gebruik te maken van js library: http://selectivizr.com/.
@Guido,

Hmm okee, hopelijk kan iemand je helpen dan.

Reageren