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

Question

我在一个页面上有一个表单，它有一堆兄弟h5标签。我想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() );
});