jquery - 如何在不影响同一类的其他表的情况下添加一行？

Question

这是我使用附加的脚本：

$("a.addrow").click(function(){
        $(".itemlist").append('<tr><td>Content</td></tr>');
    });

我有这个 HTML

<table class="itemlist">
    <tr>
        <td>Content</td>
    </tr>
</table>
<a href="#" class="addrow">Add Row</a>

<table class="itemlist">
    <tr>
        <td>Content</td>
    </tr>
</table>
<a href="#" class="addrow">Add Row</a>

现在的问题是，这会将行添加到两个表而不是相关表。我怎么做？以及如何防止锚点跳跃，因为我使用#作为href？

非常感谢您的帮助。

Answer 1

$("a.addrow").click(function(event){
    //Get the first match and append the data, if you want another result, you could use .eq().
    //So .eq(0) === .first()
    $(".itemlist").first().append('<tr><td>Content</td></tr>');

    //Prevent the anchor 'jumping'
    event.preventDefault();
});

定位特定表的另一种方法是添加一个独特的类或 id，但我想这不是一个选项。