比较选择选项值

Question

通过使用以下代码，我可以获得匹配的项目。如何从中找到不匹配的项目：

$('#list1 option').each(function (i, option)                        
    $('#list2 option').each(function (j, option) {
       if ($('#list1 option').val() ==$('#list2 option').val())
           matchedList= $('#list1 option').val()
       });
    });
});

Answer 1

在这种情况下，each循环回调的第二个参数包含对HTML元素HTMLOptionElement的引用。只需使用value属性来比较值。

使用!==取消比较。

var nonMatchedList = [];
$('#list1 option').each(function (i, option1) {
    $('#list2 option').each(function (j, option2) {
       if (option1.value !== option2.value) {
           nonMatchedList.push(option1.value);  // Add to list
           return false;                        // Stop looping through list2
       }
    });
});