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

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克隆行的单元格，最后将克隆和修改的行添加到表中:

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

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

但是单元格的内部文本保持不变。谁能帮我？谢谢

Answer 1

感谢@ChrisG，一个可能的工作解决方案是:

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