如何在不在DOM中的元素上使用jQuery设置数据属性？

如何在不在DOM中的元素上使用jQuery设置data-attribute？

码：

var panelHeading = $('
', {class:'panel-heading', href:'#'+username+'PanelContent'}); panelHeading.data('toggle', 'collapse').data('target',"#"+username+"PanelContent"); 

将数据属性附加到文档时，不会显示数据属性。 其他属性确实出现。

Answer 1

您可以在创建元素时添加数据属性

 var panelHeading = $('
', { 'class' : 'panel-heading', href : '#'+username+'PanelContent', 'data-toggle' : 'collapse', 'data-target' : '#'+username+'PanelContent' }); 

使用data()将数据存储在jQuery内部，它不会创建HTML属性，因此它对于Bootstrap之类的属性来说效果很差

Answer 2

jQuery的data()方法不设置HTML5 data-属性，它实际上将高级数据存储在DOM元素中。 您可以使用不能使用属性的data()来存储复杂的对象和函数。

如果你真的必须设置一个属性，请使用attr('data-toggle','collapse')等。 但正如之前评论中所提到的，为什么不在初始声明中设置它？

Answer 3

您可以使用：

 var panelHeading = $('
');