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

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

1 个答案: