javascript - HTML: 子ノードはそれがどの子であるかを認識します

Question

子ノードは自分がどの子であるかを認識していますか?

jQueryはこれを判断できますか? このプロジェクトでは、nth-child および nth-of-type CSS セレクターを多用しています。を使用thisすると役立つと思われます。

たとえば、関数イベント ハンドラーは次のようになります。

ユーザーが div の 5 番目の子イメージをクリックすると -> alert(5)。

Answer 1

jQueryindex()関数を使用して、一連の要素内の要素の位置を見つけることができます。このようなもの：

$('div img').click(function() {
    var idx = $(this).closest('div').find('img').index(this);
    alert(idx);
});

これは.index()パラメーターなしで使用する場合と似ていますが、画像ではない直接の兄弟だけでなく、選択されたセットを参照するため、より汎用的です。

Answer 2

alert($(this).parent().find("img").index($(this)));

…やるべきです。ゼロベースです。