将自定义属性添加到createdElement - jQuery

Question

我正在使用createElement来替换大量的html代码。我知道我可以轻松地添加id，class，style：

var container = 'container';

container.className = 'item';
container.style.cssText = 'color: red';

但是，如何使用此方法添加sub-id？

<div class="container">
    <i class="item" sub-id="item-19"></i>
</div>

Answer 1

如果你正在使用jQuery，那么我相信你正在寻找这样的东西：

var container = $('<div />').attr('class','container');
var subId = $('<i />').attr({ 'class':'item', 'sub-id':'item-19'}).text('italic');

//append it to the body

$('body').append(container.append(subId));

使用createElement方法编程会更耗时（但应该比jQuery更快）。至于在createElement方法中使用sub id，请查看Element Object

的API

container.setAttribute("sub-id", "item-19");