使用 JQuery 的 find 方法，如何根据“foo”子元素的内容选择某个 HTML 元素

Question

假设我有如下 HTML：<div class="foo-container">  <div class="foo">    <div class="foo-child">      <span>The Important Label</span>    </div>  </div>  <div class="elem-to-manipulate">    <p>I want to manipulate the style in this because it's the sibling of "The Important Label"</p>  </div></div>p基于其同级元素具有 text 的事实，我如何定位该元素The Important Label。我得到了类似的东西$('.root').find('.foo > .foo-child > span:contains("The Important Label")')这成功地让我获得了span元素。但现在我如何获取p兄弟中的元素div？有没有办法告诉 find 哪个父母要得到兄弟姐妹？

Answer 1

$('.root').find('.foo:has(> .foo-child > span:contains("The Important Label")) + div > p')

• aaa:has(bbb)检查是否有匹配的内容aaa bbb，然后才匹配aaa

• +匹配先前匹配元素的下一个同级元素

（根据您的用例，您可能会满意.foo:contains("The Important Label") + div > p......）