How do I compare two jQuery objects for identity?

Question

I\'m trying to use jQuery to open / close control \'boxes\' on a webpage. Unfortunately, it doesn\'t look very good to close a box just to re-open it if the user happens to

Answer 1

Using the $() function will always create a new object, so no matter what, your equality check there will always fail.

For example:

var div = document.getElementById('myDiv');

$(div) === $(div);   // false!

Instead, you could try just storing the actual DOM elements, since those are just referred to inside jQuery objects.

val = $('#box'+index).get(0);
...
if (this !== val) { }