jquery - JQueryは兄弟の値を選択して比較します

Question

ドロップダウンメニューが10個あり、それぞれに30個ほどのオプションがあります。JQueryを使用して各選択値をその兄弟と比較することにより、どのメニューでも同じ値が選択されないようにしようとしています。これが私のコードですが、機能しません：

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

ご覧のとおり、を#select1使用して、の値をすべての兄弟と比較しようとしています$(this).siblings().val()。これが機能しない理由を理解できません。

Answer 1

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

フィドル

Answer 2

兄弟は単一のアイテムではなく要素のリストを返すと思うので、ループを実行する必要があります

$('#select1').change(function() {

    var $select = $(this);

    $(this).siblings().each(function(index){

        if ($(this).val() == $select.val()) {
            alert('ok');
        }
    }
});

Answer 3

inArrayを使用してみてください

$('#select1').change(function() {

    var arr=[];
    $.each($(this).siblings(),function(i,j){
     arr.push($(j).val());
    });
    if ($.inArray($(this).val(),arr)) {
        alert("OK");
    }
});