javascript - getAttribute 函数不起作用

Question

我正在尝试将给定元素的自定义属性与具有特定类的所有其他元素的自定义属性进行比较...这就是我所拥有的

function choose(el){
    var text = $(el).getAttribute("data-custom");
    var list = document.getElementsByClassName("class");
    for (var i = 0; i < list.length ; i++) {
        if (list[i].getAttribute("data-custom") == text) {
            /*DO STUFF*/
        }
    }
}

html

<div onclick="choose(this)">STUFF</div>

目前我收到“$(...).getAttribute 不是函数”错误。

Answer 1

jQuery 版本是 $().attr('data-custom') 。请注意，要访问 data-* 属性，您可以使用 $().data('custom') .

或者你可以放弃 jQuery(你没有在下一行中使用它)并使用

el.getAttribute('data-custom');
// If el is not a DOM element
$(el)[0].getAttribute('data-custom');

更好的是，如果您不必支持 IE < 11，则可以使用 dataset

el.dataset.custom