从<select> </select> </option>中包含的<option>标记中获取“data-something”

Question

我有这个HTML

<select id="something">
    <option value="1" data-something="true">Something True</option>
    <option value="2" data-something-else="false">Something Else False</option>
</select>

这个jQuery片段我试图从data-*属性中获取值：

$(document).ready(function() {
    $('body').on('change', 'select#something', function() {
        console.log( $(this).data('something') ); // undefined always
        console.log( $(this).data('something-else') ); // undefined always too
    });
});

如何使用jQuery获取data-*属性值？

Answer 1

this是选择元素。

console.log($(this).find(":selected").data("something"))