Jeśli jeden z dwóch elementów istnieje coś zrobić

Question

I obecnie to zrobić, aby sprawdzić, czy jeden z dwóch elementów istnieje:

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

Czy istnieje lepszy sposób przepisać to samo? Mam na myśli, czy jest .length to samo co .length > 0?

Answer 1

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

..works najlepsze!

Znaleziono here.

Answer 2

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

EDIT (za komentarzu) Wybierz elementy przez wielu klas w jednej rozmowy:

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

Answer 3

Wszystkie elementy jQuery mają właściwość .length. można po prostu przejść:

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

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

Answer 4

---

See Extremely updated version of this plugin here! Teraz używa funkcji wywołania zwrotnego, dzięki czemu możesz zachować łajdowność, jeśli wybierzesz. Może całkowicie zastąpić if lub mogą nadal być stosowane w if

---

Można stworzyć bardzo prosty jQuery plug-in do tego, jak takie:

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

WYKORZYSTANIE

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

Z wyciągu If

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

Oczywiście ta wtyczka może być dodatkowo rozszerzony o wiele bardziej wyszukane (obsługi wielu połączeń na raz, tworzenie nieistniejących elementów na podstawie wózek), ale w obecnej chwili wykonuje bardzo prostą, bardzo potrzebną funkcję ... Czy ten element istnieje? powrót True lub False

jsFiddle

Answer 5

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

to wróci "true", jeśli element istnieje i false jeśli nie

okrzyki :)

Answer 6

Wystarczy użyć .each().

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

Proste ...

Answer 7

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

Wykorzystanie:

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