How would you compare jQuery objects?

Question

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?

var $parent = $(this).parent(), $body = $('body'); var theSame = $parent.is($body); api.jquery.com/is/#is-jQuery-object — Victor
– Victor, Commented Oct 30, 2013 at 13:55
$(this).parent().is($('body')); //or check for anything else besides $('body') stackoverflow.com/a/6986013/112100 — Omu
– Omu, Commented Jul 26, 2014 at 7:24

Christian C. Salvadó · Accepted Answer · 2010-03-13 02:01:00Z

161

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

answered Mar 13, 2010 at 2:01

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Jimmy Over a year ago

That will only ensure equality if the jQuery object matched a single DOM element. If there were multiple matches you'd need a loop of some sort to compare each one.

Christian C. Salvadó Over a year ago

@Jimmy, yes but this is enough for the OP requirements, he wants only to know "... if the parent element is the body ..."

ehynds Over a year ago

Can shorten to: if(this.parentNode === document.body);

Ajeeb.K.P Over a year ago

IMHO, this might be useful http://learn.jquery.com/using-jquery-core/jquery-object/#not-all-jquery-objects-are-created

cletus · Accepted Answer · 2010-03-13 02:13:05Z

61

Why not:

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

?

answered Mar 13, 2010 at 2:13

cletus

627k169 gold badges922 silver badges945 bronze badges

1 Comment

dieend Over a year ago

Or if ($(this).parent().is($("body")))

tbranyen · Accepted Answer · 2011-12-22 04:03:02Z

21

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

edited Dec 22, 2011 at 4:03

answered Oct 4, 2010 at 14:42

tbranyen

8,5871 gold badge23 silver badges18 bronze badges

2 Comments

Charlie Schliesser Over a year ago

Wouldn't this say that the following divs are equal? <div>abc</div> <div>def</div>

tbranyen Over a year ago

No, filter would not pass DOM elements that are not equal.

Salketer · Accepted Answer · 2012-08-23 15:01:47Z

1

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

answered Aug 23, 2012 at 15:01

Salketer

15.8k2 gold badges32 silver badges64 bronze badges

3 Comments

Kyle Hotchkiss Over a year ago

Raw DOM Elements 2 reporting the fastest for me: looks like the same for every other reported browser too.

Salketer Over a year ago

Exactly, it's the same as the first one but uses javascript's native array parsing.

misterP Over a year ago

the jsperf.com link no longer active

Collectives™ on Stack Overflow

How would you compare jQuery objects?

4 Answers 4

4 Comments

1 Comment

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related