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

【问题标题】：How do I traverse this DOM with jQuery and retrieve the required text?如何使用 jQuery 遍历这个 DOM 并检索所需的文本？
【发布时间】：2010-10-13 05:03:17
【问题描述】：

我在一个页面上有一个表单，它有一堆兄弟h5 标签。我想使用 jQuery 检索每个 h5 标记之间的文本。我希望有一个回调或者能够在一个简单的循环结构中执行此操作，我可以在其中获取文本并对其进行有意义的 HTML，然后将最终字符串插入其他地方。

如何用 jQuery 做到这一点？

【问题讨论】：

标签： javascript jquery dom dom-manipulation

【解决方案1】：

这将抓取表单下的所有 h5 并提醒他们的文本。你可以从那里做任何事情。

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

【讨论】：

【解决方案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() );
});

【讨论】：