如何从jQuery的select选项中获取属性？

我有HTML中的下一个选择框 ：

 In progress Not started Done Failed  

我想从所选选项中读取属性值。

如果只是为了获取价值，那很简单：

 var value = $('#listbox-taskStatus').val(); 

但是，如果我想从所选选项中获取属性值，我该怎么办？ 我知道， .attr（）必须有所帮助，但是当我尝试使用它时，我得到的结果不正确。

我试过下一个：

 var status = $('#listbox-taskStatus option').attr('status'); 

但是，尽管事实上我选择了不同的选项，但返回的值始终为0 。

怎么了，怎么解决我的问题？

Answer 1

使用：选择选择器

 var status = $('#listbox-taskStatus option:selected').attr('status'); 

但是，我建议您使用data- prefixed属性。 然后你可以使用.data()

 var status = $('#listbox-taskStatus option:selected').data('status'); 

DEMO