Jquery 如何获取选定选项中元素的数据？

我对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>

根据MDN，元素只能包含文本。实际上，浏览器似乎会剥离

span

元素及其内容

---

将

数据-

属性放在

选项

元素本身上。

下拉列表不支持span或任何类型的标记，您可以通过检查元素查看它，它不会在那里显示span，您可以通过在

选项

中添加

属性

来实现这一点

$（文档）.ready（函数（）{
$（“#from_acc”）.change（function（）{
var symbol=$（this）.find（'option:selected'）.data（'symbol'）；
var value=$（this）.find（'option:selected'）.data（'value'）；
警报（“符号：+symbol+”值：+value）
}); 
});

苹果
橙色
span是否在选项内呈现？是的，只是一个元素，用于记录我想要的值为什么不将数据属性直接放在option中？不需要span，因为我怀疑它是否呈现。不知何故，由于以前的程序员开发的以前的设计模式，我受到了限制，span是在google chrome中呈现的，我已经检查了源页面。它的哪个版本，在我的chrome中没有渲染。很多都可以通过使用“this”这个词来实现。扩展它的使用方式会有所帮助
string1=$('#from_acc').find('option:selected').find('.cr_info').data('symbol');
alert(string1);