Javascript 将数据或数组索引附加到定位标记
我有一些javascript/jquery代码,可以用一堆列表项动态填充无序列表。在列表项中,我有一个链接,我想将一些数据与该链接相关联,该链接是这样生成的:Javascript 将数据或数组索引附加到定位标记,javascript,jquery,Javascript,Jquery,我有一些javascript/jquery代码,可以用一堆列表项动态填充无序列表。在列表项中,我有一个链接,我想将一些数据与该链接相关联,该链接是这样生成的: var thing1 = { name: 'My Object' }; var thing2 = { name: 'My Other Object' }; var li = $('<li></li><br />'); var aSel = $('<strong>' + thing1.name
var thing1 = { name: 'My Object' };
var thing2 = { name: 'My Other Object' };
var li = $('<li></li><br />');
var aSel = $('<strong>' + thing1.name + '<br /><a class="btn btn-mini btn-success addDeal" href="javascript:void(0)"><i class="icon-plus"></i>Add Deal</a>';
li.append(aSel);
li.append(add);
$('#sidebar').append(li);
//This is in a loop so the same thing would happen with thing2, etc
var thing1={name:'My Object'};
var thing2={name:'My Other Object'};
var li=$('
');
var aSel=$(“”+thing1.name+”
;
附加(aSel);
li.附加(添加);
$(“#侧边栏”)。追加(li);
//这是一个循环,所以同样的事情也会发生在第二件事上,等等
将生成HTML,如下所示:
<div id="results">
<ul id="sidebar">
<li>
<strong>My Object</strong><br />
<a class="btn btn-mini btn-success addDeal" href="javascript:void(0)"><i class="icon-plus"></i>Add Deal</a>
</li>
<li>
<strong>My Other Object</strong><br />
<a class="btn btn-mini btn-success addDeal" href="javascript:void(0)"><i class="icon-plus"></i>Add Deal</a>
</li>
</ul>
</div>
-
我的对象
-
我的其他对象
因此,如果用户单击第一个AddDeal链接,我希望使用脚本中其他位置的thing1
数据。如果单击第二个链接,我希望使用thing2
数据
我要走的路包括一个数组和一些我觉得不太正确的代码。我觉得我遗漏了一些琐碎的东西。你可以用它来实现你想要的
请特别注意在JavaScript中使用数据属性。您可以使用该函数将一个“东西”附加到每个链接上。就在var aSel=
行之后:
$('a', aSel).data('thing', thing1); // Select the anchor tag inside of
// aSel and attach thing1 to it
然后单击锚定标记时,使用以下命令检索它:
var thing=$(this.data('thing');
我一直在JSFIDLE中处理您的建议,但它似乎不起作用。我只是想添加它。我只是做了aSel.data('thing',thing1)
尽管有大量的标签,但出于某种原因,这似乎是可行的。我还不清楚它为什么有效。