Wie erhält man die Kinder des $(this)-Selektors?

Question

Ich habe ein ähnliches Layout wie dieses:

<div id="..."><img src="..."></div>

und möchte einen jQuery-Selektor verwenden, um das Kind auszuwählen img innerhalb der div anklicken.

Um die div Ich habe diesen Selektor:

$(this)

Wie kann ich das Kind dazu bringen img einen Selektor verwenden?

Answer 1

Der jQuery-Konstruktor akzeptiert einen zweiten Parameter namens context die verwendet werden kann, um den Kontext der Auswahl außer Kraft zu setzen.

jQuery("img", this);

Das ist dasselbe wie die Verwendung von .find() wie diese:

jQuery(this).find("img");

Wenn die gewünschten Imgs seulement direkten Nachfahren des angeklickten Elements, können Sie auch .children() :

jQuery(this).children("img");

Answer 2

Sie können auch Folgendes verwenden

$(this).find('img');

die alle img s, die Abkömmlinge der div

Answer 3

Wenn Sie den ersten img die genau eine Ebene tiefer liegt, können Sie

$(this).children("img:first")

Answer 4

Wenn Ihr DIV-Tag unmittelbar von einem IMG-Tag gefolgt wird, können Sie auch dieses verwenden:

$(this).next();

Answer 5

Le site direkt Kinder ist

$('> .child-class', this)