如何检查jQuery查找返回true或false？

2018-06-29 23:45:43

这个问题在这里已经有了答案：

检查jQuery中是否存在元素[复制] 8个答案

你不能使用刚刚find的if条件。您可以使用has或检查length属性。

var elm = $('.parent1');
if(elm.has('.child3')){
   var child3 = elm.find('.child3');
}

或者就是这样

var child3 = $('.parent1').find(".child3");
if(child3.length > 0) {
  // child3 is present
}

您可以使用.length属性来检查该元素是否存在。

var elem = $(".parent2").find(".child3");
if(elem.length){
    alert(elem.text());
}else{
    alert('Element doesnt exists')
}

或者，您可以使用.has()

var elem = $(".parent2");
if(elem.has(".child3")){
    alert(elem.find(".child3").text());
}else{
    alert('Element doesnt exists')
}

每当你在$()包装一个选择器时，它总会返回一个包含匹配元素数组的jQuery对象。

因此，您可以使用length属性来测试是否匹配

var $collection = $(".parent2").find(".child3").length;
if ($collection.length)....

您可以使用其他方法，如is()

var #collection = $(".parent2");
if($collection.children().is(".child3") /* returns tru if there are matches

链接地址: http://www.djcxy.com/p/83685.html