jQuery - 如果选择选项值等于数据添加类

Question

我有一个带有 3 选项的选择框和一个带有 3 的 div，它们具有数据属性。 现在我希望每个已选择 = 选择的选项以及值（数字）与数据相等，然后将类添加到

例如：

如果选择了选项/并且值 = 带有数据：

<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