Reputation: 2563

hide div that contains <p> that contains "text" - how to

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

i need to hide div itself

Upvotes: 2

Answers (3)

Reputation: 9382

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

Upvotes: 0

Reputation: 385284

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

Use this:

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

Upvotes: 1

Reputation: 125528

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();

Upvotes: 8