JQuery 比较选择的同级值

Question

我有 10 个下拉菜单，每个下拉菜单有 30 个左右的选项。我试图通过使用 JQuery 将每个选择值与其同级值进行比较来防止在任何菜单中选择相同的值。这是我的代码，但它不起作用:

$('#select1').change(function() {
    if ($(this).val() == $(this).siblings().val()) {
        alert("OK");
    }
});

如您所见，我正在尝试使用 $(this).siblings().val() 将 #select1 的值与其所有同级值进行比较。不明白为什么这行不通。

Answer 1

$('#select1').change(function() {
    var self = this, 
        t = $(this).siblings().filter(function() {
            return this.value == self.value;
        });
    if (t.length) {
        alert("OK");
    }
});​

FIDDLE