0

追加を使用したスクリプトは次のとおりです。

$("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 に # を使用しているため、アンカーのジャンプを防ぐにはどうすればよいですか?

助けていただければ幸いです。

4

1 に答える 1

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 を追加することですが、ここではそれはオプションではないと思います。

于 2013-06-20T04:45:55.750 に答える