【问题标题】:Add table cell to existing table row, jQuery将表格单元格添加到现有表格行,jQuery
【发布时间】:2011-12-14 01:56:45
【问题描述】:

我正在尝试使用 jQuery 向表格添加值 - 不幸的是,我不知道如何让 jQuery 将表格单元格添加到现有行。例如:

$("<td><a href='#'>" + key + "</a></td>").click(function(e) {
    e.preventDefault();
    testset(key);
}).appendTo('#table1');

这会将 ID 为 table1 的单元格添加到表格的末尾。使用 jQuery 将单元格添加到现有表格行 (&lt;tr&gt;) 的最佳方法是什么?快速谷歌没有透露任何内容。 问候,

系统错误

【问题讨论】:

  • 更改您的 #table1 选择器以引用相关表格行。如果您解释得更多,例如您想附加到哪个 tr 以及一些 HTML,将会有所帮助。
  • 最简单的方法是提供 &lt;tr&gt; 和 id。或使用选择器,例如$('#table1 tr:last')
  • 最后一个已知的表格行 - 谢谢,$('#table1 tr:last') 解决了它。

标签: javascript jquery jquery-selectors html-table


【解决方案1】:
.appendTo('#table1 #rowId');

或者你可以这样做:

.appendTo('#table1 tr:nth-child(5)');

http://api.jquery.com/nth-child-selector/

【讨论】:

    【解决方案2】:

    您必须将它们附加到特定行而不是表格:

    $("<td><a href='#'>" + key + "</a></td>").click(function(e) {
        e.preventDefault();
        testset(key);
    }).appendTo('#table1 tr#yourrowId');
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-12-16
      • 2018-04-09
      • 1970-01-01
      • 2013-12-27
      • 1970-01-01
      • 2021-01-24
      相关资源
      最近更新 更多