如何检查两个jQuery选择器是否选择了相同的元素

Question

Is there a way for me to progamatically determine if two jQuery selectors have selected the same exact element? I am trying to loop over a set of divs and skip one of them. What I would like is something like this:

var $rows, $row, $row_to_skip;
$rows = $('.row-class')
$row_to_skip = $('#skipped_row')

$.each($rows, function (id, row) {
        $row = $(row);
        if (!$row == $row_to_skip) {
            // Do some stuff here.
        };
    });

Answer 1

You can pass jQuery objects into .not() :

$rows.not($row_to_skip).each(function() {
    ...
});

Answer 2

You can use .is()

if (!$row.is($row_to_skip)) {
            // Do some stuff here.
   };

Answer 3

You can compare the actual DOM element selected by jQuery:

var row_to_skip = $row_to_skip.get(0);
$.each($rows, function (id, row) {
    if (row !== row_to_skip) {
        // Do some stuff here.
    }
});

Two jQuery objects will always be different from each other, even if they select the same elements (just like two empty objects are different).

However in your case, instead of comparing inside the loop, it's cleaner to just remove the element from the set:

$('.row-class').not("#skipped_row").each(function() {
    // do stuff 
});