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行时，安东尼会在popover中显示。

当我选择第2行时，安东尼也会在popover中显示。

为什么会出现这种情况？

Answer 1

在调用html函数时尝试在函数中使用

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

JSFIddle

innerHTML没有循环表

1 个答案: