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

Question

我想检查一个html元素是否存在于另一个html元素中使用jquery.Parent元素有id＆＃39; preview＆＃39;和子元素有id＆＃39; draggable＆＃39;。如何查看父元素中存在的子元素？

我的代码是

     if($("#preview").has("#draggable").length)
      {
          alert( "First element contain" );
      }

任何机构都会针对这些问题提供解决方案吗？

Answer 1

alert($("#preview #draggable").length) ;

如果#draggable中包含#preview，这将为您提供非零长度。

Answer 2

$("#preview").has("#draggable")它返回布尔值true或false。

if($("#preview").has("#draggable")){


}

Answer 3

这假设您正在寻找#preview选择器的直接子项。

if($("#preview").children('#draggable').length > 0){
    console.log( "First element contain" );
} else {
    console.log('none');
}

如果你必须遍历内部元素（例如#draggable在其他元素中的可能性），那么继续@Affan的asnwer。 ：）

Answer 4

您可以使用find()函数查找内部元素<selector>

if($("#preview").find("#draggable").length){
    alert( "First element contain" );
}

Answer 5

在if条件

中尝试此操作

 $('#preview').find('#foo').length

谢谢