添加选项以使用数据属性 jQuery 进行选择

Question

我仍在学习如何使用 jQuery，但我遇到了一个块并且无法通过它。如何将 an 附加option到selectwithdata-*属性？目前我正在通过下面的代码附加选项：

$('<option>').val(object.val).text(object.object.text).appendTo('#includedItems');

有没有办法也添加data-*到选项？

Answer 1

使用这个.attr()，

$('<option>').attr('data-name','abcd');

或.data()

$('<option>').data('name','abcd');

$('<option>').val(object.val).attr('data-name','abcd').text(object.object.text).appendTo('#includedItems');

注意： .data()将数据存储在 DOM 对象中，而不是作为 Html 属性.attr()。