Jquery添加 <td> 到表 <tr id>

Question

我可以使用jquery吗？ 不幸的是我没有表id，只有一个tr id ..

<table class="tbclass" align="center" width="100%">
<tbody>
    <tr id="tr_1#?#1" align="center" class="tbrclass">
        <my td inserted here with jquery>
        </td>
        <td class="tbdclass" style="text-align:left;vertical-align:middle;font-weight:bold;">
            Hello
        </td>
    </tr>
</tbody>

Answer 1

当您已经有结束标记时，您尝试通过仅注入开始标记来修改DOM。 你不能这样做。 首先，您现有的HTML无效。 其次，这不是DOM操作的工作方式。

取出杂散的关闭标签，然后使用

$('#yourtrid').append('<td>newtd</td>')

编辑：有问题的代码是这样的：

    <my td inserted here with jquery>
    </td>

我正在读这个意思是你已经</td>并希望将<td ...>something放在你目前<my td inserted here with jquery> 。 如果这不正确，您可以忽略我上面的第一段。

此外，您当前拥有的ID（ tr_1#?#1 ）可能有效，但它确实是一个糟糕的ID - #字符可能会导致问题，而且它只是描述性不强。 我强烈建议选择有意义的ID。

Answer 2

尝试这个，

   var row = document.getElementById("tr_1#?#1");
   var x = row.insertCell(0);
   x.innerHTML="New cell";

我从这里得到了这个代码

小提琴

Answer 3

$('#trId').prepend('<td>My new table cell</td>');

Answer 4

您可以使用appendTo将TD附加到TR

$('<td>My new table cell</td>').appendTo('#trId');