javascript - jQueryを使用してこのDOMをトラバースし、必要なテキストを取得するにはどうすればよいですか？

Question

h5兄弟タグがたくさんあるページに1つのフォームがあります。h5jQueryを使用して各タグ間のテキストを取得したいと思います。できれば、コールバックを作成するか、テキストを取得して意味のあるHTMLを作成し、最後の文字列を別の場所に挿入できる単純なループ構造でこれを実行できるようにしたいと思います。

jQueryでこれをどのように行うのですか？

Answer 1

これにより、フォームの下にあるすべてのh5が取得され、テキストに警告が表示されます。そこから何でもできます。

$('#myform h5').each(function() {
    alert($(this).text());
});

Answer 2

兄弟タグとは、次のように、フォームと同じレベルにあることを意味しますか?:

<form id="the-form">
  ...
</form>
<h5>Title 1</h5>
<h5>Title 2</h5>
<h5>Title 3</h5>

それが正しければ、次のようなことができます。

$("#the-form ~ h5").each(function (){
  // do something with $(this).text()
});

兄弟を選択する ~ に注意してください。

または、テキストをコールバックに送信する場合:

function callback( textFound ){
  // do something with textFound
}

$("#the-form ~ h5").each(function (){
  callback( $(this).text() );
});