javascript - 如何为下拉列表的每个选项添加一个属性

Question

我有下拉列表:

<select>
    <option value=""></option>
    <option value="Bla">Bla</option>
    <option value="Foo">Foo</option>
</select>           

使用 jQuery 我想通过添加自定义属性 level 枚举每个选项来修改我的列表，这样我的选择看起来像那样并且需要跳过列表的第一个选项:

<select>
    <option value=""></option> //skipping the first one
    <option value="Bla" level="1">Bla</option>
    <option value="Foo" level="2">Foo</option>
</select>

我如何使用 jQuery 做到这一点？

Answer 1

您可以使用 $('select option:gt(0)') 遍历索引为 1 到 n 的所有选项:

$('select option:gt(0)').attr('level',function(i){
   return i+1;
});

Working Demo

或

$('select option:gt(0)').each(function(i){
   $(this).attr('level',i+1)
});

Working Demo