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');