jquery - 设置下拉列表中第一个选项的数据

Question

我有这个选项:

<select id="options">
   <option val="n_0" data-option-code="code_0">option 0</option>
   <!-- ... -->
</seclect>

当我这样做时:

$("#options option:first").data('option-code', 'new-value');

好像什么也没发生。我的意思是，我总是有相同的 data-option-code="code_0"。我做错了什么？

Answer 1

data() setter 方法将信息添加到 jQuery 的内部缓存中。它不会影响 DOM。如果您使用 data() 的 getter，您将看到信息已正确存储，例如:

var foo = $("#options option:first").data('option-code'); // = 'new-value'

如果您需要在 DOM 中更新 data 属性，请使用 attr():

$("#options option:first").attr('data-option-code', 'new-value');