如果两个元素之一存在，做一些

Question

我现在这样做是为了检查是否两个元素之一存在：

if ($(".element1").length > 0 || $(".element2").length > 0) { 
    //do stuff... 
} 

有没有更好的方式来改写一样吗？我的意思是，.length与.length > 0相同？

Answer 1

if ($('#myDiv')[0]) { //do something } 

..works最好的！

Found here。

Answer 2

if ($(".element1").is('*') || $(".element2").is('*')) { 
    // code 
} 

编辑（每评论）由多个类中选择元素，在一个电话：

if ($(".element1, .element2").is('*')) { 
    // code 
} 

Answer 3

所有的jQuery元素都有.length属性。你可以去：

if ($('img').length) // Implies: If this element exists.. 

http://jqueryfordesigners.com/element-exists/

Answer 4

---

See Extremely updated version of this plugin here！现在使用回调函数，因此如果您选择，您可以保持可链接性。可完全替代if语句或仍可内语句中使用

---

您可以创建一个非常简单的jQuery插件这一点，因为这样：

jsFiddle

(function($) { 
    if (!$.exist) { 
     $.extend({ 
      exist: function(elm) { 
       if (typeof elm == null) return false; 
       if (typeof elm != "object") elm = $(elm); 
       return elm.length ? true : false; 
      } 
     }); 
     $.fn.extend({ 
      exist: function() { 
       return $.exist($(this)); 
      } 
     }); 
    } 
})(jQuery); 

USE

// With ID 
$.exist("#eleID"); 
// OR 
$("#eleID").exist(); 

// With class name 
$.exist(".class-name"); 
// OR 
$(".class-name").exist(); 

// With just tag // prolly not best idea aS there will be other tags on site 
$.exist("div"); 
// OR 
$("div").exist(); 

有了您的if语句

if ($(".element1").exist() || $(".element2").exist()) { 
    ...stuff... 
} 

当然，这个插件可以进一步扩展到更加花哨（基于处理一次多个呼叫，创建不存在的元素一个婴儿车），但现在它的立场，它做了一个非常简单，非常需要的功能......这个元素是否存在？返回True或False

jsFiddle

Answer 5

!$.isEmptyObject($.find('#urId')) 

如果元素存在，这将返回 “真”，否则为False

欢呼 :)

Answer 6

只需使用。每（）。

$(".element1").each(function(){ 
    //Do Something here 
} 

简单...

Answer 7

$.fn.exists = function(ifExists) { 
    return this.length ? ifExists.call(this, this) : this; 
}; 

用法：

$('.element1, .element2').exists(function(els) { 
    // this and els refers to $('.element1, .element2') 
});