【问题标题】:Adding TR inside td在 td 中添加 TR
【发布时间】:2018-10-22 12:38:35
【问题描述】:

我正在尝试在 td 中添加 tr 。我想达到这样的目标。 http://jsfiddle.net/yp4cLds9/.

但我想在单击按钮时添加tr。

我的 java 脚本逻辑

$('#tbUsers2 tr').each(function (e) {
    var trow = $(this);


    if (count== 0) {
        trow.append('<td class="calculated-value"><input type="text" value="Chem Volume' + iter + '" disabled/></td>');

        count++;
    }   
    else {
        trow.append("<tr><td></td><td><input type='text' value='Chem Volume'></td></tr>");
    }
});

【问题讨论】:

  • 问题不清楚。请阅读:-stackoverflow.com/help/how-to-ask
  • 嗯,TR 不是 TD 的孩子,所以不可能。您可以在行之后插入行。
  • 如果必须的话,您需要在td 中添加一个新的table &gt; tr &gt; td
  • 请查看我上面分享的 jsfiddle 链接
  • @AlivetoDie 检查我的 jsfiddle 链接

标签: javascript jquery html-table tr


【解决方案1】:

始终不建议在 'td' 中添加 'tr'。但是,如果您必须这样做,那么您可以在这里使用 JavaScript:

function addTr(){
    var tr = document.createElement('tr');
    tr.innerHTML = '<td>Hello</td>';

    document.getElementById("anyTDid").append(tr);
}

【讨论】:

  • “始终不建议在 'td' 中添加 'tr'” - 不允许,因为这会生成无效标记。
  • 那么我怎样才能实现这种表格布局jsfiddle.net/yp4cLds9
猜你喜欢
  • 2015-12-24
  • 2017-05-28
  • 2012-10-29
  • 2021-03-21
  • 1970-01-01
  • 1970-01-01
  • 2014-01-27
  • 2019-06-27
  • 2015-02-11
相关资源
最近更新 更多