隐藏包含<p>的div,其中包含“text” - 如何</p>

时间:2011-04-03 16:45:41

标签: javascript jquery

<div id="example">
 <ul>
  <p>text</p>
 </ul>
<div>

我需要隐藏div本身

3 个答案:

答案 0 :(得分:8)

原始答案:

$(“div p:contains('text'))”)。hide();

这不起作用,因为它隐藏了<p>而不是<div>。我们还需要使用:has

$("div:has(p:contains('text'))").hide();

<强> Demo here

答案 1 :(得分:1)

parent()的解决方案无法保证正在使用正确的父级。

使用此:

$('div').has("p:contains('text')").hide();

答案 2 :(得分:0)

$("div p:contains('text')").closest("div").hide();

工作解决方案:http://jsfiddle.net/7qmwj/8/