|
1 2 3 4 |
$("Vorfahre Nachkomme"); // Alle Nachfahren eines Tags $("Elternteil > Kind"); // ein direkt folgendes Kind $("Element ~ Geschwister"); // Alle Geschwister eines Tags $("Element + Nachfolger"); // Nur die Nachfolger eines Tags |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$(".item div:even"); // $(".item div:odd"); // $(".item div:first"); // $(".item div:checked"); $(".item div:after"); $(".item div:not('.active')"); $(".item div:nth-child(2)"); $(".item div:nth-last-child(2)"); $(".item div:nth-of-type(2)"); $(".item div:nth-last-of-type(2)"); $(".item div:first-child"); $(".item div:last-child"); $(".item div:only-child"); $(".item div:only-of-type"); $(".item div:first-of-type"); $(".item *:eq(3)"); // Das 4. Element unter .item $(".item div:eq(3)"); // Das 4. DIV-Element unter .item |
|
1 2 3 4 5 6 7 8 |
$("a[title]") ; // Nur Links mit einem title-Attribut $("div[class='example']"); // Alle DIVs mit class-Attribut example $("div[class*='test']"); // Alle mit einer Klasse dertest atest usw. $("div[class^='test']"); // class Beginnt mit test $("div[href$='.jpg']"); // href endet mit .jpg $("div[class~='image']"); // in class-Attribut kommt image vor $("div[class*='e']:contains('Test')") $('[data-toggle="tooltip"]') |
Traversing Methoden
|
1 2 3 4 |
$(".item").parents('.main'); // Der nächste Vorfahre mit der Klasse .main $(".item").parent(); // Eltern Element $(".item").children(); // Alle Kind Elemente $(".item").siblings(); // Alle Geschwister |