在存储在变量中的html上设置隐藏数据

Question

我想在AJAX响应中添加一些html（li元素）到DOM中的一些数据。但它似乎并不正确，因为我无法在Firebug中找到它或找回它。

我不知道如何成功地设置数据，而不使用html中的数据属性，我不想这样做。

$.each(r.results, function(i, item) { 
$tpl = '<li>'; 
$tpl += '<figure>'; 
$tpl += '<img src="' + item.image + '" alt="' + item.name + '">'; 
$tpl += '</figure>'; 
$tpl += '</li>'; 
$($tpl).find('li').data('item-id', item.id); 
$('#children ul').append($tpl); 
}); 

Answer 1

​​3210