将数据或数组索引附加到锚标记
Attach data or array index to anchor tag
我有一些javascript/jquery代码,可以用一堆列表项动态填充无序列表。 在列表项中,我有一个链接,我想将一些数据与该链接相关联,该链接如下所示:
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
将生成如下的 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>
因此,如果用户单击第一个"添加交易"链接,我希望在脚本中的其他位置处理thing1
数据。 如果单击第二个链接,我想使用thing2
数据。
我要走的路涉及一个数组和一些对我来说不太正确的代码。 我想我错过了一些微不足道的东西。
您可以使用 jQuery.data 函数将一个"事物"附加到每个链接。 紧跟在var aSel =
行之后:
$('a', aSel).data('thing', thing1); // Select the anchor tag inside of
// aSel and attach thing1 to it
然后,当单击锚标记时,使用以下命令检索它:var thing = $(this).data('thing');
您可以使用 HTML5 自定义数据属性 (data-*) 来实现您想要的效果。
请特别查看在 JavaScript 中使用数据属性。
相关文章:
- 使用数据数组创建多个类似组件
- WebAudio API数据数组大小
- Jquery 循环一次或在数据数组中显示一次数据
- Cakephp 访问不在模型数据数组上的输入
- 使用来自 Ajax 响应的 JSON 数据数组
- Angular JS(离子)数据数组到$scope元素
- handontable:在不更改数据数组/对象的情况下隐藏某些列
- 如何使用for循环语句通过Ajax发送大数据数组
- 压缩 JS 中的数据数组
- 传递的参数D3提示回调是完整的数据数组
- 如何在数据数组的每次迭代中创建一个内容为“i+1”的新 HTML 元素
- 在 laravel 4 上使用循环将数据数组存储到单个数组中
- 为什么它说输入数据数组的格式不正确 jqchart.
- Javascript - 使用变量 RegExp 匹配数据数组中的多个关键字
- 尝试将数据数组设置为从视图调用函数后$scope
- 如何在 PHP 中创建 jqplot 数据数组
- 如何使用该数据数组从左向右移动画布
- 如何根据数字列从 Parse 中对数据数组进行排序
- 为什么 php json 响应不会将数据数组发送回 ajax jquery 请求
- 如何将内容添加到 JQuery Flot 图表数据数组工具提示