jquery - 元素存在的条件测试

Question

我想用 jQuery 做这个

if $(".video-gallery-container") exists {
$(".video-gallery-container").fadeOut(300);
}

用 jQuery 检查元素是否存在的正确方法是什么？

score 3 · Accepted Answer

jQuery.length正是为此目的提供了该属性：

if($(".video-gallery-container").length) {
    //.....
}

但是，在您的情况下，您实际上并不需要担心它：只需在fadeOut没有测试的情况下执行，因为fadeOut只会将其应用于与选择器匹配的元素；如果没有任何匹配的元素，fadeOut则不会应用，但不会出现任何错误。

score 2 · Accepted Answer

你不需要。如果选择为空，则对其调用的任何 jQuery 函数都将无法执行任何操作：

$(".video-gallery-container").fadeOut(300);

这就是你需要做的。

score 1 · Accepted Answer

1

if($(".video-gallery-container").length > 0){
  $(".video-gallery-container").fadeOut(300);
}

于 2013-06-07T11:18:26.610 回答

score 1 · Accepted Answer

if($(".video-gallery-container").length > 0){  
  $(".video-gallery-container").fadeOut(300); 
}

你也不需要检查是否存在。如果元素存在，jQuery 只会添加淡出，否则它不会做任何事情。不会产生错误。

4 回答 4