Nếu một trong hai yếu tố tồn tại, làm điều gì đó

Question

Tôi hiện làm điều này để kiểm tra xem một trong hai yếu tố tồn tại:

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

Có cách nào tốt hơn để viết lại giống nhau không? Ý tôi là, là .length giống như .length > 0?

Answer 1

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

..works tốt nhất!

Tìm thấy here.

Answer 2

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

EDIT (mỗi bình luận) Chọn yếu tố bởi nhiều lớp trong một cuộc gọi:

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

Answer 3

Tất cả các phần tử jQuery có thuộc tính .length. Bạn chỉ có thể đi:

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

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

Answer 4

---

See Extremely updated version of this plugin here! Bây giờ sử dụng chức năng gọi lại để bạn có thể duy trì chainability nếu bạn chọn. hoàn toàn có thể thay thế lệnh if hoặc vẫn có thể được sử dụng trong lệnh if

---

Bạn có thể tạo rất đơn giản jQuery plug-in cho điều này, như vậy:

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(); 

Với tuyên bố Nếu bạn

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

Tất nhiên plugin này có thể được mở rộng hơn nữa để được ưa thích nhiều hơn nữa (xử lý nhiều cuộc gọi cùng một lúc, tạo ra yếu tố không tồn tại dựa trên một pram), nhưng khi nó đứng ngay bây giờ, nó thực hiện một chức năng rất đơn giản, rất cần thiết ... Phần tử này có tồn tại không? trở True hoặc False

jsFiddle

Answer 5

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

này sẽ trở về "true" nếu phần tử tồn tại và False nếu không

cổ vũ :)

Answer 6

Chỉ cần sử dụng .each().

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

đơn giản ...

Answer 7

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

sử dụng:

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