Jak porównasz obiekty jQuery?

101

Więc próbuję dowiedzieć się, jak porównać dwa obiekty jQuery, aby sprawdzić, czy element nadrzędny jest treścią strony.

oto co mam:

if ( $(this).parent() === $('body') ) ...

Wiem, że to źle, ale jeśli ktoś rozumie, do czego zmierzam, czy może wskazać mi właściwy sposób zrobienia tego?

jquery compare

— Kyle Hotchkiss
źródło

2

var $parent = $(this).parent(), $body = $('body'); var theSame = $parent.is($body); api.jquery.com/is/#is-jQuery-object

— Victor

1

$ (this) .parent (). is ($ ('body')); // lub poszukaj czegoś innego oprócz $ ('body') stackoverflow.com/a/6986013/112100

— Omu

158

Musisz porównać surowe elementy DOM, np:

if ($(this).parent().get(0) === $('body').get(0))

lub

if ($(this).parent()[0] === $('body')[0])

— Christian C. Salvadó
źródło

1

Zapewni to równość tylko wtedy, gdy obiekt jQuery pasuje do pojedynczego elementu DOM. Gdyby było wiele dopasowań, potrzebowałbyś jakiejś pętli do porównania każdego z nich.

— Jimmy Cuadra

1

@Jimmy, tak, ale to wystarczy dla wymagań OP, chce tylko wiedzieć, „... jeśli elementem nadrzędnym jest ciało ...”

— Christian C. Salvadó

2

Można skrócić do: if (this.parentNode === document.body);

— ehynds

IMHO, może to być przydatne http://learn.jquery.com/using-jquery-core/jquery-object/#not-all-jquery-objects-are-created

— Ajeeb.KP

60

Dlaczego nie:

if ($(this).parent().is("body")) {
  ...
}

?

— cletus
źródło

1

Lubif ($(this).parent().is($("body")))

— koniec

18

Pętle nie są wymagane, testowanie pierwszego pojedynczego węzła nie jest wymagane. Prawie nic nie jest wymagane poza upewnieniem się, że są tej samej długości i mają identyczne węzły. Oto mały fragment kodu. Możesz nawet przekonwertować to na wtyczkę jquery do własnych celów.

jQuery(function($) {
  // Two separate jQuery references
  var divs = $("div");
  var divs2 = $("div");

  // They are equal
  if (divs.length == divs2.length && divs.length == divs.filter(divs2).length) {         

  // They are not
  } else {}
});

— tbranyen
źródło

Czy nie oznaczałoby to, że następujące elementy div są równe? <div>abc</div> <div>def</div>

— Charlie Schliesser,

Nie, filtr nie przepuści elementów DOM, które nie są równe.

— tbranyen

2

Natknąłem się na te odpowiedzi i zastanawiałem się, która z nich jest lepsza. Wszystko zależy od twoich potrzeb, ale najłatwiejszy do wpisania, odczytania i wykonania jest oczywiście najlepszy. Oto przykład testu perf, który wykonałem, aby podjąć decyzję.

http://jsperf.com/jquery-objects-comparison

— Salketer
źródło

Raw DOM Elements 2 raportuje najszybciej dla mnie: wygląda tak samo w każdej innej raportowanej przeglądarce.

— Kyle Hotchkiss

Dokładnie, jest taki sam jak pierwszy, ale wykorzystuje natywną analizę tablicy javascript.

— Salketer