jQuery-如果選擇選項值等於數據添加類

Question

我有一個帶有3個選項的選擇框，以及一個具有3個具有數據屬性的div。 現在我希望每個選擇的選項都已選擇= seclected，並且值（數字）等於數據，然后將類添加到

例如：

如果選擇了選項/且值=帶有數據：

<option value="2" selected="selected">

做（添加課程）：

 <a class="menuitem active" data="2"></a>

的jsfiddle

$("#myselect option").each(function(){
    var num = $('.menucontainer').children('a.menuitem').attr('data');
        if($(this).is(':selected').val()==num){ 
            $('.menucontainer').children('a.menuitem').addClass('active');
            }
        });
    });

Answer 1

你有很多小錯誤。 喜歡

1.）Jquery未包含在小提琴中。

2.）. .is返回一個布爾值，而您正在做$(this).is(':selected').val() 。 你應該做$(this).is(':selected') && $(this).val() 。

3.）有}); 最后的額外。

而且我認為以其他方式進行迭代會更好。 像波紋管

$('.menucontainer .menuitem').each(function(){
    if($(this).attr('data')==$('#myselect :selected').val())
        $(this).addClass('active');
})

DEMO