Question

我遇到了问题。我目前有一个简单的<table>，如下所示：

<table class="table">
<tbody>
<tr id="kc_keychain_1">
    <td class="td-kc-id"> kc_keychain_1 </td>
    <td class="td-kc-name"> Keychain 1 </td>
    <td>
        <p>my key</p>
        <p>my second key</p>
    </td>
</tr>
<tr id="kc_keychain_10">
    <td class="td-kc-id"> kc_keychain_10 </td>
    <td class="td-kc-name"> Keychain 10</td>
    <td>
        <p>ma clé</p>
        <p>Clé 005V</p>
    </td>
</tr>
</tbody>
</table>

我还有一些JavaScript代码，旨在克隆特定行，修改克隆行的.tc-kc-id和.tc-kc-name单元格，最后将克隆和修改的行添加到表中：< / p>

var clonedTr = document.querySelector('#' + id).cloneNode(true);

//$(clonedTr).find(".td-kc-id").innerText = "test";
//$(clonedTr).find(".td-kc-name").innerText = "test";

document.querySelector('tbody').appendChild(clonedTr);

克隆并添加克隆的行没有任何问题。但评论的代码不起作用。我在注释代码中尝试的是通过其类名获取特定单元格，然后更改其innerText属性。

但是细胞的内部文本保持不变。谁能帮我？感谢

Answer 1

感谢@ChrisG，一个可行的解决方案是：

$(clonedTr).find(".td-kc-id").text("test");

克隆并修改JavaScript / jQuery中克隆的内容

1 个答案: