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