javascript - innerHTML 不循环表

Question

现在我的网络应用程序中有一个表:

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

表格的数据是通过循环遍历我的网络数据库中的元素并相应地添加该数据来填充的。

      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