将对象传递给onclick添加的元素

Question

我追加了几个HTML元素到我的DOM，并需要传递对象，这是用来创建元素，对元素的onclick函数。

我尝试以下，但对象引用总是到最后，而不是目前的：

function addElementToList(obj){ 
    var elementHTML = '<li><a href="#">'; 
    elementHTML += obj.name + '<br>'; 
    elementHTML += '</a></li>'; 
    $('#list-canvas .elementList).append(elementHTML); 

    $(this).click(function(){ 
     showDetails(obj); 
    }) 
} 

我怎样才能当前元素传递给的onclick功能？

Answer 1

最好创建在这种情况下使用jQuery是elelemnt：

var element = $('<li><a href="#">' + obj.name + '<br></a></li>'); 
element.click(function(){ 
    showDetails(obj); 
}); 
$('#list-canvas .elementList').append(element);