如何在jQuery中使用自定义属性循环选择

Question

我有一个带有如下自定义属性的选择下拉菜单：

<select id="myselect">
<option value="1" custattr="first">First One</option>
<option value="2" custattr="second">Second One</option>
<option value="3" custattr="third">Third One</option>
</select>

我有一个或多个值要测试，以查看它们是否不存在于每个选项的 custattr 中。

我尝试了以下变体：

    jQuery('#myselect option').attr('custattr').each(function(){
        if (myvalue != jQuery(this).attr('custattr').val()) {
        //do something
       }
    });

但我收到如下错误：

未捕获的类型错误：无法读取未定义的属性“每个”

如何循环测试每个 custattr 值？

Answer 1

你必须像下面这样迭代它。

jQuery('#myselect option').each(function(){
    if (myvalue != jQuery(this).attr('custattr')) {
    //do something
});

.attr() 将返回 string。因此，它的原型链中不会有一个名为 each 的函数。

Answer 2

如果你想获取属性 attr 'custattr'

//jquery 
$(document).on('change','select',function(){
    var attr= $(this).find('option:selected').attr('data-custattr');
    alert(attr)
});
//  JS 
document.querySelector('select').onchange = function(){
    var attr= this.selectedOptions[0].getAttribute('data-custattr');
    alert(attr);
};