隐藏包含的div <p> 包含“文本” - 如何

Question

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

i need to hide div itself

Answer 1

Original Answer:

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

This won't work because it hides the <p> and not the <div> . We also need to employ :has .

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

Demo here

Answer 2

The solutions with parent() can't guarantee that the right parent is being used.

Use this:

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

Answer 3

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

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