jsFiddle

Question

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

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

有没有更好的方法来重写相同的？我的意思是，.length与.length > 0相同吗？

Answer 1

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

编辑（每条评论）在一次通话中按多个班级选择元素：

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

Answer 2

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

..效果最好！

找到here。

Answer 3

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

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

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

Answer 4

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

如果元素存在则返回“true”，否则返回False

欢呼声：）

Answer 5

See Extremely updated version of this plugin here！现在使用回调函数，以便您可以选择保持可链接性。可以完全替换 if语句，或者仍然可以在 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);

使用

// 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 6

只需使用.each（）。

$(".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')
});

如果存在两个元素之一，请执行某些操作

7 个答案:

jsFiddle

jsFiddle