Jquery comparing elements

Question

I have an array on javascript and i insert the elements on it like this:

 var parentRow = $(button).parent().parent();
 list.push({ parent: parentRow, detailRow: newRow });

On the click of another button i do the following:

      var parentRow = $(button).parent().parent();
      var detailRow = null;

      for (var i in list) {
        if ($(list[i].parent) == $(parentRow)) {
          detailRow = list[i].detailRow;
        }
      }

The point is: The if comparing to two elements should return TRUE, because they are the same DOM element....the same i added before, but it return FALSE.

I would like to know how i compare this two elements to get TRUE there.

Possible duplicate of http://stackoverflow.com/questions/2436966/how-would-you-compare-jquery-objects — Jibi Abraham, Apr 05 '12 at 12:05

score 1 · Answer 1 · answered Apr 05 '12 at 12:02

1

Try:

if (parentRow.has(list[i])) {

answered Apr 05 '12 at 12:02

David Downes

1,065
9
22

score 1 · Answer 2 · answered Apr 05 '12 at 12:04

1

They are not the same objects, because they don't refer to the same jQuery instance.

Simple solution: Don't use jQuery and do it with normal DOM methods.

jQuery solution: Use .is()

answered Apr 05 '12 at 12:04

Bergi

572,313
128
898
1,281

score 0 · Accepted Answer · answered Apr 05 '12 at 12:03

0

You need to compare the native elements, not the jQuery-wrapped elements. jQuery's DOM methods returns not the elements themselves but a jQuery object.

if (list[i].parent[0] === parentRow[0]) {

answered Apr 05 '12 at 12:03

Jquery comparing elements

3 Answers3