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

Question

私は兄弟タグの束を持っているページに1つのフォームを持っています。私は、各h5タグ間のテキストをjQueryを使用して取得したいと思います。私は、コールバックを持っているか、テキストをつかんで意味のある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()); 
});