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

时间:2015-01-20 10:58:38

标签: javascript jquery html css

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

在这里,我需要将不同的'<td>'附加到这两个中。我试过这段代码 的 $( '#行')。追加() 但它只将'<td>'放入 myDiv1 行。 任何人都可以帮我这样做。

2 个答案:

答案 0 :(得分:2)

标记中有多个错误:

  1. 没有关闭<tr> - 标签
  2. 非唯一ID
  3. 因此ID-Attribute必须在其范围内是唯一的。 有关详细信息,请参阅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

答案 1 :(得分:0)

您应该将ID属性更改为类。

但你为什么要用两张桌子?也许你需要清理html并使其如下所示。

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