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?

回答1:

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

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

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

回答2:

Why not:

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

回答3:

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

回答4:

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

来源：https://stackoverflow.com/questions/2436966/how-would-you-compare-jquery-objects

标签

jquery

compare