jQuery: Ein Selektor für mehrere Elemente mit unterschiedlichen Klassen

jQuery unterstützt multiple selectors. Was du tun musst ist lediglich die einzelnen Selektoren mit einem Komma voneinander zu trennen:

$(".a, .b").hide();

Mit diesem Selektor wählst du alle Elemente mit der Klasse a oder b aus und verbirgst diese.

Man kann auf diese Weise beliebige Selektoren miteinander verknüpfen:

$(".a, #b, div").hide();

Ähnlich arbeitet .add():

$(".a").add(".b").hide();

Dies selektiert erst alle Elemente mit der Klasse "a" und fügt dann alle Elemente mit der Klasse "b" hinzu.

Ein möglicher Anwendungsbereich wäre:

$(".a").css("width","9px").add(".b").css("height","4px");

Hier wird zunächst ".a" ausgewählt und die CSS-Eigenschaft "width" auf "9px" gesetzt. Anschließend fügen wir mit .add(".b") zu der Menge der gefundenen Elemente auch noch alle Elemente mit der Klasse "b" hinzu und ändern auch hier eine CSS-Eigenschaft. Dies bewirkt, dass die erste Änderung nur ".a" betrifft, die zweite jedoch ".a" und ".b".
04.06.2014 um 12:40