javascript - jQuery .addClass() 和 .removeClass() 只适用于元素的第一个实例

Question

我有下面的代码:

<script type="text/javascript">  

    var $info = $('#thumb');

    enquire.register("(max-width: 480px)", {

    match: function() {      
    $info.removeClass('col-xs-6');
    $info.addClass('col-xs-12');
    },


    unmatch: function() {
    $info.removeClass('col-xs-12');
    $info.addClass('col-xs-6');      
    }

    }).listen();

    </script>

我正在使用 Enquire.js 从元素中动态添加和删除 css 类。

以上代码有效，但仅适用于第一个 '#thumb'。我有大约 12 个具有 thumb id 的元素。任何人都知道如何将它应用于具有相同 ID 的所有元素

Answer 1

你必须使用一个类。 ID 是唯一的，因此他们只能应用一次。如果你这样做: $('.thumb') 那么你会没事的。