如何使用jQuery遍历DOM并检索所需的文本？

Question

我在页面上有一个表单，其中包含一堆兄弟h5标记。我想使用jQuery检索每个h5标记之间的文本。我最好喜欢回调或者能够在一个简单的循环结构中执行此操作，我可以抓取文本并制作有意义的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() );
});