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

Question

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

我需要隐藏div本身

Answer 1

原答案：

$（“div p：contains（'text'））”）。hide（）;

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

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

在这里演示

Answer 2

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

用这个：

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

Answer 3

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

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