jquery - jQuery はコンテンツを最も近い H3 タグに取得します

Question

選択した要素に最も近い H3 タグのコンテンツを取得しようとしています。

$(this).closest('h3').html();

上記のコードには、実行時に null が含まれています。「this」は、h3 と同じ親要素内の別の要素のセレクタであることは間違いありません。

なぜそれがうまくいかないのか、誰かがアイデアを提供できますか?

ありがとう。

Answer 1

「this」は間違いなく、同じ親要素内の別の要素のセレクターです

それはあなたの問題だ。兄弟ではなく、DOM ツリーをclosest調べます。siblings代わりに使用してください:

$(this).siblings('h3').html();

h3これは最初の兄弟の HTML を返すことに注意してください。複数ある場合は、おそらく正しいものを指定する必要があります。

Answer 2

jQuery には と のメソッドも.next()あり.prev()ます。h3$(this)

例えば：

$(this).click(function(){
    $(this).next('h3').html('a string');
});