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

Posted 2023-05-09

【中文标题】如何使用 jQuery 遍历这个 DOM 并检索所需的文本？

【英文标题】：How do I traverse this DOM with jQuery and retrieve the required text?

【发布时间】：2010-10-13 05:03:17

【问题描述】：

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

如何用 jQuery 做到这一点？

【参考方案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() );
);