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

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