Check if two elements are the same

Question

I would suspect that this would work first:

if ($('#element') == $('#element')) alert('hello'); 

But this is not so. How to check if items are the same?

Answer 1

As in jquery 1.6, you can simply do:

 $element1.is($element2) 

Answer 2

This should work:

 if ($(this)[0] === $(this)[0]) alert('hello'); 

so what is it

 if (openActivity[0] == $(this)[0]) alert('hello'); 

Answer 3

Or simply

 if (openActivity[0] == this) alert('hello'); 

(without a new jQuery instance ;-)

Answer 4

As someone already said, the same HTML element wrapped in two different moments generates two different jQuery instances, so they can never be equal.

Instead, wrapped HTML elements can be compared in this way, since their location in memory is the same if it is the same HTML element, therefore:

 var LIs = $('#myUL LI'); var $match = $('#myUL').find('LI:first'); alert(LIs.eq(0) === $match); // false alert(LIs.get(0) === $match.get(0)) // TRUE! yeah :) 

Respectfully!

Answer 5

I would use addClass () to mark the open one, and you can easily verify this.

Answer 6

Like Silky or Santi, a unique identifier or class would be the easiest way to test. The reason your if statements do not work as you expected is because it compares 2 objects and sees if they are the same object in memory.

Since a new object is always created using $ (this), they can never compare with each other. This is why you need to check the property of an object. You could leave without a unique id / class if each openActivity element did not have other content with which you could test.