Question

我正在尝试为投注网站开发优惠券小部件。

我有点击的链接（赔率）。所以这个元素应该带有匹配代码，奇数等......

当用户点击时，它应该将所有数据附加到div。

$('a').click(function(){
$('ul#fs').append('<li id="k401" class="first"><input id="chk401" type="checkbox"><label for="chk401"><strong> Jagellonia - Wisla Krakow</strong></label><a href="#"><i class="icon-remove icon-red"></i></a><span>Mbs:4</span><span class="mTip">FS</span><span class="odd">1: 2,20</span></li>');
  })

我该怎么做？ jQuery.data（）是最好的选择吗？

Answer 1

如果您使用的是HTML5，我会选择HTML5数据属性 - 它很简单且有效。

您可以使用jQuery的data()方法读取它们的值。

请参阅：http://www.w3.org/TR/2011/WD-html5-20110525/elements.html#embedding-custom-non-visible-data-with-the-data-attributes

Answer 2

是data（）是将数据与jquery对象相关联的推荐方法。

$('a').click(function(){
  var yourdata = $(this).data('yourproperty'); 
  // Do whatever you want with your data
})

Answer 3

我会将数据存储在data属性的对象中，并解析它以构建html。这是jsBin示例，向您展示我的意思。

http://jsbin.com/enequr/2/edit

如何在元素上存储数据并将其发送到jQuery中的另一个元素？

3 个答案: