jQuery选择器,基于内部html选择div的父级
我有一段html,如下所示:jQuery选择器,基于内部html选择div的父级,jquery,jquery-selectors,Jquery,Jquery Selectors,我有一段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">
<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,但我不知道如何选择父项
谢谢,
Tom使用
$('.faq内容标题:包含(“返回”))有什么问题吗。parent()
?使用$('.faq内容标题:包含(“返回”))有什么问题吗。parent()
?您可以尝试一下
$('.faq-content-title:contains("Returns")').parents('.faq-topic');
希望这有帮助。你可以试试这个
$('.faq-content-title:contains("Returns")').parents('.faq-topic');
希望这能有所帮助。如果您的结构没有您发布的那么可靠,那么您也可以使用
最近的
来使用faq主题类获取第一位家长<代码>$('.faq内容标题:contains('Returns')。最近的('.faq topic')@JeffB就是这样。我只考虑css选择器。谢谢!@bazmegakapa:修复了。我只是复制/粘贴了TomM的代码片段。哎哟。@Jeff现在看起来好多了;)。如果你的结构不像你发布的那样可靠,然后,您还可以使用最近的
来获取使用faq主题类的第一个父级<代码>$('.faq内容标题:contains('Returns')。最近的('.faq topic')@JeffB就是这样。我只考虑css选择器。谢谢!@bazmegakapa:Fixed。我只是复制/粘贴了TomM的代码片段。哎哟。@Jeff现在看起来好多了;)。最近的(
会比.parents()
更好,就像.parents()
将返回所有匹配的元素,而将返回第一个匹配的元素。.closest()
将优于。parents()
,因为将返回所有匹配的元素。parents()
将返回第一个匹配的元素。