如何檢查兩個jQuery選擇器是否選擇了相同的元素

Question

有沒有辦法讓我通過progamatically確定兩個jQuery選擇器是否選擇了相同的元素？ 我試圖循環一組div並跳過其中一個。 我想要的是這樣的：

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

您可以將jQuery對象傳遞給.not() ：

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

Answer 2

你可以使用.is()

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

Answer 3

您可以比較jQuery選擇的實際DOM元素：

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

兩個jQuery對象總是彼此不同，即使它們選擇相同的元素（就像兩個空對象不同）。

但是在你的情況下，不是在循環內部進行比較，只需從集合中刪除元素即可：

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