Hoe koppel ik een DIV ID in js document?
Ik heb een js file met deze code:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
$( "ul:nth-of-type(4n+1)" )
.addClass( "links" );
$( "ul:nth-of-type(4n+4)" )
.addClass( "rechts" );
});
$( "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:
Code (php)
1
<div id="tabel">
Hoe integreer ik de div id in bovenstaande js code?
Sorry, heb vrijwel geen kennis van js :-(
Guido
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
$( "#tabel > ul:nth-of-type(4n+1)" )
.addClass( "links" );
$( "#tabel > ul:nth-of-type(4n+4)" )
.addClass( "rechts" );
});
$( "#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:
Wat is de bedoeling van je code? Links en rechts een kleur geven? Dit kan je beter gewoon met CSS doen denk ik.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
$( "#tabel > ul:nth-of-type(4n+1)" )
.addClass( "links" );
$( "#tabel > ul:nth-of-type(4n+4)" )
.addClass( "rechts" );
});
$( "#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..
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
#tabel > ul:nth-of-type(4n+1), .links {
color: red;
}
#tabel > ul:nth-of-type(4n+4), .rechts {
color: blue;
}
color: red;
}
#tabel > ul:nth-of-type(4n+4), .rechts {
color: blue;
}
@Guido,
Wel graag laten weten of je hiermee geholpen ben, want anders zitten er mensen je voor niks te helpen, dus das wel erg lullig.
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?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {
IF
$( "#tabel > ul:nth-of-type(4n+1)" )
.addClass( "links" );
ELSE
$( "#tabel > ul:nth-of-type(4n+4)" )
.addClass( "rechts" );
});
IF
$( "#tabel > ul:nth-of-type(4n+1)" )
.addClass( "links" );
ELSE
$( "#tabel > ul:nth-of-type(4n+4)" )
.addClass( "rechts" );
});
Guido
Gewijzigd op 24/08/2014 14:12:17 door 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/.
http://www.phphulp.nl/php/forum/topic/hulp-bij-if-else-statement-in-js/95742/
Maar laten we dit topic idd maar afsluiten en ik wacht nog wel eventuele reacties af bij andere topic.
Thanks.
Guido
Gewijzigd op 24/08/2014 14:15:20 door Guido -
Hmm okee, hopelijk kan iemand je helpen dan.