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";

我从here

获得了此代码

Fiddle

Answer 3

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

Answer 4

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

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

Jquery添加到表中

4 个答案: