HTML代码
<div class="parent1">
<div class="child1">Child1</div>
<div class="child2">Child2</div>
<div class="child3">Child3</div>
</div>
<div class="parent2">
<div class="child1">Child1</div>
<div class="child2">Child2</div>
</div>
jQuery代码
alert($(".parent1").find(".child3").text());
alert($(".parent2").find(".child3").text());
我的问题是如何检查find
函数返回true或false?
在上面代码中,它返回空值,其中parent1
类有child3
类,而parent2
类没有child3
类。
发布于 2014-12-25 18:57:29
你不能在if
条件下只使用find
。您可以使用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
}
发布于 2014-12-25 18:58:37
您可以使用.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')
}
发布于 2014-12-25 18:58:54
无论何时在$()
中包装选择器,它都会返回一个包含匹配元素数组的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
https://stackoverflow.com/questions/27646559
复制相似问题