jquery - 如何使用jQuery检查另一个元素中是否存在一个元素

Question

我有一个要在其中检查的元素...如果其中存在另一个（div 元素），则显示一个警报，否则，如果不存在，则显示另一个警报。

<div id="parent">
   <div id="totti"></div>
   <div id="xavi"></div>
   <div id="ronaldo"></div>
   <div id="figo"></div>
</div>

我想检查父元素中是否存在这个 div ？？？

<div id="messi"></div>

Answer 1

您可以将.length与.find结合使用：

if($("#parent").find("#messi").length) {
  alert("It exists!");
}
else {
  alert("It doesn't exist");
}

或者简单地使用选择器：

if($("#parent #messi").length) {
  // alert
}

Answer 2

if($("#parent").find("#mess1") != undefined){
    console.log("exists");
} else console.log("doesn't exist"); 

这将为您提供 ID 为“mess1”的 DOM 对象。

更多信息在这里。