当我尝试创建一个完全 100% 动态的 PhoneJS 应用程序时,我遇到了 $().append()
的问题。 .
我从 JQuery API 引用、其他 SO 和网络上的其他随机文章中看到的每个示例,似乎总是将元素附加并给定到特定 ID。
考虑以下因素:
HTML
<div id="something"></div>
JS
var tmp = $('<div></div>').SomeKindOfElement(WithSomeKindOfContent);
//People always append this to a specific element like so
$('#something').append(tmp);
如您所见,它被附加到特定的 ID 上。
现在,如果我不知道需要添加多少个元素怎么办?我可以执行以下操作
<div id="something1"></div>
<div id="something2"></div>
<div id="something3"></div>
<div id="something4"></div>
<div id="something5"></div>
循环遍历我收到的所有项目,并希望添加的元素不超过 5 个。
有没有办法让我添加新元素,而不将它们绑定(bind)到 HTML 中的特定元素,而只需创建一个新的 <div>
元素?
仅限了解 DEVEXTREME 的人
基本上我正在创建一个 dxChart,如下所示:
$('#chart').dxChart({
dataSource: [
{ 'Product': 'Pie', 'QTY': 25 },
{ 'Product': 'Chocolate Cake', 'QTY': 12 },
{ 'Product': 'Muffins', 'QTY': 78 }
],
series: { name: 'Test', argumentField: 'Product', valueField: 'QTY'},
commonSeriesSettings: {
type: 'bar'
}
});
但如您所见,我将此图表绑定(bind)到 <div>
标记中的元素,其 id 为 chart
,像这样:
<div data-options="dxView : { name: 'graph', title: 'graph' } " >
<div data-options="dxContent : { targetPlaceholder: 'content' } ">
<h1 class="headline">Dashboard</h1>
<div id="chart"></div>
</div>
</div>
但是,如果我要创建 2 个图表怎么办?第一个图表将被第二个图表覆盖。
最佳答案
不需要指定id,调用var node = $("<div></div>")
将创建新的 div 元素并将其分配给 node
多变的。然后您可以将节点附加到您想要的位置,例如像这样附加到正文:node.appendTo(document.body)
.
关于javascript - JQuery.append() - 如何在没有 ID 的情况下追加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32627033/