jQuery选择器，根据内部html选择div的父级答案

【问题标题】：jQuery selectors, selecting parent of div based on inner htmljQuery选择器，根据内部html选择div的父级
【发布时间】：2012-01-25 06:42:13
【问题描述】：

我有一段 html 如下所示：

<div id="faq-content">
   <div class="faq-topic" >
      <div id="faq-content-title">Top Questions</div>
      <div class="faq-item"></div>
   </div>
   <div class="faq-topic">
      <div id="faq-content-title">Returns</div>
      <div class="faq-item"></div>
   </div>
</div>

鉴于文本“返回”或“热门问题”，我如何选择其各自的父级“常见问题主题”div？我可以使用 $('.faq-content-title:contains("Returns")') 选择“faq-content-title”div，但我不知道如何选择父级。

谢谢，汤姆

【问题讨论】：

标签： jquery jquery-selectors

【解决方案1】：

使用$('.faq-content-title:contains("Returns")').parent()有什么问题吗？

【讨论】：

如果您的结构不像您发布的那样可靠，那么您也可以使用closest 来获取第一个使用 faq-topic 类的父级。 $('.faq-content-title:contains('Returns').closest('.faq-topic')
@JeffB 就是这样。我只考虑css选择器。谢谢！
@bazmegakapa：已修复。我只是复制/粘贴了 TomM 的 sn-p。哎呀。
@Jeff 现在看起来好多了；）。

【解决方案2】：

你可以试试这个...

$('.faq-content-title:contains("Returns")').parents('.faq-topic');

希望这会有所帮助..

【讨论】：

.closest() 会比.parents() 更好，因为.parents() 将返回匹配的所有元素，而.closest() 将返回first i> 匹配的元素。