javascript - 如何使用 Jquery 将值附加到嵌套 div

Question

<div id="myDiv1">
<table>
<tr id="row">
</table>
</div>
<div id="myDiv2">
<table>
<tr id="row">
</table>
</div> 

这里我需要附加不同的'<td>'分为这两个。我已经尝试过这段代码 $('#row').append() 但它唯一的投入'<td>'进入 myDiv1 行。 谁能帮我做到这一点。

Answer 1

您的标记中有多个错误:

1. 不关闭 <tr> -标签
2. 非唯一 ID

因此 ID 属性在其范围内必须是唯一的。 请参阅here欲了解更多信息。

您的标记应如下所示:

<div id="myDiv1">
    <table>
        <tr class="row">
        </tr>
    </table>
</div>
<div id="myDiv2">
    <table>
        <tr class="row">
        </tr>
    </table>
</div> 

有了正确的标记，你的 jQuery 就能正常工作:

$('.row').append('<td>test</td>');

<强> Demo