jquery - 如何获取所选选项中元素的数据？

Question

我对 jquery 有基本的了解，但不知何故未能深入获取元素的数据。

这是我的 HTML ，这是一个选择框

<select id="from_acc">
<option value="1" selected="selected">Apple<span class="cr_info" data-value="1.00000" data-symbol="="></span></option>
<option value="1">Orange<span class="cr_info" data-value="2.00000" data-symbol="*"></span></option>
</select>

我试图先找到selected option，然后获取包含数据属性的元素span。

下面是我当前的代码，我希望在变量 string1 中得到一个 '=' 但这给了我一个未定义的值，请指教

string1=$('#from_acc').find('option:selected').find('.cr_info').data('symbol');
alert(string1);

Answer 1

根据 MDN，option元素只能包含文本。实际上，浏览器似乎剥离了 span 元素及其内容。

将 data- 属性放在 option 元素本身上。