innerHTML不循環表

Question

現在，我的Web應用程序中有一個表：

<tr class="inner2-top">
</tr>

通過遍歷Web數據庫中的元素並相應地添加該數據來填充表中的數據。

      for (var i = 0; i < results.length; i++) { 
      var object = results[i];
        (function($) {
        $('.inner2-top').append('<tr><td class="name1"><a href="#">'+ 
              object.get('username') + '</a></td><td class="company1">' + 
              object.get('dot') + '</td><td>');            
      })(jQuery);
    }

然后，我在彈出窗口中顯示表中的用戶名。

        $(document).on('click', '.name1 a', function(e){
        $('#para').html($('td.name1').html());
            $('.popup1').lightbox_me({
    });

我注意到的是，彈出窗口僅顯示表中第一項的名稱，而不顯示第二項。 例如，假設表的結構如下：

第1行：安東尼

第2行：大衛

當我選擇第1行時，Anthony會顯示在彈出窗口中。

當我選擇第2行時，Anthony也會顯示在彈出窗口中。

任何想法為什么會這樣？

Answer 1

嘗試在調用html函數時將其包含在函數中

$(document).on('click', '.name1 a', function(e){
    $('#para').html($(this).html());
        $('.popup1').lightbox_me({
});

JSFIddle