javascript - Jquery 找到没有 id、名称或类的特定 H4

Question

我有一个关于 JQuery 的简单问题...

我有一个主 <div>包含一些具有动态 ID 的 div。每个子 div 都有一个 <h4>标签在里面。这些h4没有任何 id，也没有类，也没有名字。他们只有一些文字。

这就是我要说的:

<div id="main_div">
   <div id ="div01">
      <h4>Sometext01</h4>
   </div>
   <div id ="div02">
      <h4>Sometext02</h4>
   </div>
   <div id ="div03">
      <h4>Special Text!!!</h4>
   </div>
   <div id ="div04">
      <h4>Sometext04</h4>
   </div>
</div>

我想获取 h4 的父 div 的 id，其中文本是“特殊文本!!!” (因此，在此示例中，它是 div03)。

但是，不幸的是，这些 ID 是自动生成的(由 Sugarcrm，对于那些知道的人)，我无法提前知道 ID 的名称。所以这就是为什么我必须通过 h4。

我知道我可以使用下面的 jQuery 函数来传递所有 h4

allMyH4.each()

我知道我可以使用下面的 jQuery 函数找到我想要的 h4 的父级

myFoundH4.parent()

但是我在通过他们的 text() (或 html() )搜索 h4 时遇到了一些麻烦

你能帮我解决这个问题吗？

非常感谢

几个小时后编辑:

感谢@Bhushan，我可以做我真正想做的事。它只是有一个限制:我的用户不得更改 h4 文本，也不能为多个 h4 提供包含我的字符串的相同名称。对于另一个解决方案，也尝试@rory，它对我不起作用，但它已经被其他人测试过，而且似乎比包含更好。

Answer 1

你可以使用filter():

var $h4 = $('h4').filter(function() {
    return $(this).text() == 'Special Text!!!';
});
console.log($h4.parent().prop('id'));

这将确保文本属性的完全匹配，而不是像 :contains 选择器那样的部分匹配。 filter 也应该更快。