將對象傳遞給附加元素上的onclick

Question

我將幾個HTML元素附加到DOM上，並且需要將用於創建元素的對象傳遞給元素上的onclick-function。

我嘗試了以下操作，但是對象始終引用最后一個而不是當前引用：

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創建該元素：

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