如果 div 包含 标签，jQuery 返回 true 或 false

Question

让我们看看:

<div><p>this div contains a p tag</p></div>
<div>this one is not</div>

如果 div 包含特定标签(如上例中的 p)，我如何为变量分配 bool 值(true 或 false)？

Answer 1

$("div:has(p)").addClass("has-paragraph");

将向所有包含 p 个 child 的 div 添加一个类。如果段落不是直接子级，则不会提取它们。

注意:这样做:

$("div p").addClass("has-paragraph");

会将类添加到段落 而不是 div。你可以通过这样做来解决这个问题:

$("div p").parents("div").addClass("has-paragraph");

但这会捕获多​​个 div 祖先。你可以这样做:

$("div p").parents("div:first").addClass("has-paragraph");

解决这个问题。

或者更编程:

$("div").each(function() {
  if ($(this).find("p").length > 0) {
    // do stuff
  }
});