Javascript 将div作为字符串追加时在div上设置jQuery数据
我正在创建一个jQuery插件,它会生成大量的Javascript 将div作为字符串追加时在div上设置jQuery数据,javascript,jquery,html,css,performance,Javascript,Jquery,Html,Css,Performance,我正在创建一个jQuery插件,它会生成大量的div。 最初我使用append函数创建所有元素,如下所示 var myObject= $('<div></div>').addClass('myobjectname'); parentObject.append(myObject); 我正在使用data()函数存储每个对象的详细信息,以便以后访问它(单击/mouseover等)。但是现在,由于我正在创建整个div结构的字符串 如果我将数据创建为字符串并随后将其附加到DOM中
div
。
最初我使用append
函数创建所有元素,如下所示
var myObject= $('<div></div>').addClass('myobjectname');
parentObject.append(myObject);
我正在使用data()
函数存储每个对象的详细信息,以便以后访问它(单击/mouseover等)。但是现在,由于我正在创建整个div
结构的字符串
如果我将数据创建为字符串并随后将其附加到DOM中,如何将它们与元素关联?
您可以这样做:
<div data-datum-name="your data string"></div>
对于对象:
<div data-datum-name=' + JSON.stringify(yourObject) + '></div>
.>非常感谢!。。因此,当对元素调用
data
函数时,我是否能够按原样检索对象?另外,为了确认,我的对象有子对象。在那种情况下,这行得通吗?最后,由于我将花大量精力修改代码,您认为这真的会提高性能吗?是的,要获取所有数据:$('selector')。data()
。它应该更快-每次修改DOM都需要重新计算文档的重新流动,这可能是一个瓶颈:您也可能只是myBigString.push(另一个字符串)
,而不是i
变量。
<div data-datum-name=' + JSON.stringify(yourObject) + '></div>