javascript - 如何正确循环菜单中的每个选项并检查属性的值？

Question

单击选择菜单后，我需要遍历每个选项。然后对于菜单中的每个选项，我想根据它的值读取一个名为“数据组”的自定义属性，我想启用或禁用该选项。

这是我做的

    $('#MasterWrapUps').click(function (e) {

        var menu = $(this);

        menu.find('option').each(function (index, element) {

            if (customIsAllowed(status, element)) {
                element.attr("disabled", false);
            } else {
                element.attr("disabled", true);
            }

        });

    });

    function customIsAllowed(status, element)
    {
        var status = status.toLowerCase();

        var group = element.attr('data-group');

        if ( group ) {
            group = group.toLowerCase();
        }

        if ( group.indexOf(status) > -1 ){
            return true;
        }

        return false;
    }

但是我的代码给我一个错误

Object doesn't support property or method 'attr'

如何正确读取我点击的菜单中每个选项的属性？

Answer 1

如果您没有在元素上获取 jquery 函数，那么它就不是 jquery 对象。尝试:

$(element).attr('data-group') 代替。