CODEWITHSUNDEEP
jquerycompare
Kyle Hotchkiss
Kyle Hotchkiss

Reputation: 11112

How would you compare jQuery objects?

So I'm trying to figure out how to compare two jQuery objects, to see if the parent element is the body of a page.

here's what I have:

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

I know this is wrong, but if anybody understands what I'm getting at, could they point me towards the correct way of doing this?

Upvotes: 108

Views: 79414

Answers (4)

Salketer
Salketer

Reputation: 15711

I stumbled on these answers and wondered which one was better. It all depends on your needs but the easiest to type, read and execute is the best of course. Here's the perf testcase I made to make a decision.

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

Upvotes: 1

tbranyen
tbranyen

Reputation: 8577

Looping is not required, testing the single first node is not required. Pretty much nothing is required other than ensuring they are the same length and share identical nodes. Here is a small code snippet. You may even want to convert this into a jquery plugin for your own uses.

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

Upvotes: 21

cletus
cletus

Reputation: 625037

Why not:

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

?

Upvotes: 61

Christian C. Salvadó
Christian C. Salvadó

Reputation: 827246

You need to compare the raw DOM elements, e.g.:

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

or

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

Upvotes: 161

Related Questions