JQuery 将附加数据添加到新选项

Question

我想知道是否有可能向 JQuery 新选项添加​​附加数据。我得到了一些选择对象并动态附加内容:

select.append(new Option(item.name, item.id))

它会生成一个 HTML，例如:

<option value="22">Uniqa OC Zawodu</option>

我想向选项添加其他数据，因此我的 HTML 如下所示:

<option value="22" data-url="some_data">Uniqa OC Zawodu</option>

Answer 1

你拥有的是普通的 JavaScript，你没有使用 jQuery 库。使用 jQuery，您可以向其传递一个对象。对象的属性被映射到其相应的 DOM 属性。请注意，data-* 属性由 jQuery 内部缓存，并且它们不会作为属性添加到 DOM，因此它们不可见:

$('<option/>', {
    text: 'Uniqa OC Zawodu',
    value: 22,
    data: {
      url: 'some_data',
      whatever: 1 
    }
}).appendTo(select);

要检索 data-* 属性，您可以使用 .data() 方法:

var url = $('option').data('url');