最後のtrを選択するJqueryが機能しない

Question

最後のtrを選択したいので、アニメーションのみが表示されます。しかし、どのような方法であれ、私はそれを選択しようとするたびに、すべてのtrが選択されています。

<tbody> 
    <tr class=""> 
    <td>1</td> 
    <td>w w</td> 
    <td>Demokratska</td> 
    <td>undefined</td> 
    <td><a href="#" class="uredi" data-id="1">Uredi</a></td> 
    </tr> 
    <tr class=""> 
    <td>2</td> 
    <td>w w</td> 
    <td>Demokratska</td> 
    <td>undefined</td> 
    <td><a href="#" class="uredi" data-id="2">Uredi</a></td> 
    </tr> 
    <tr class=""> 
    <td>3</td> 
    <td>w w</td> 
    <td>Demokratska</td> 
    <td>undefined</td> 
    <td><a href="#" class="uredi" data-id="3">Uredi</a></td> 
    </tr> 
    <tr class=""> 
    <td>4</td> 
    <td>w w</td> 

のjQuery UIが

$(".table tbody tr:last").addClass("dodajZapis", 500).delay(1000); 

$(".table tr:last").removeClass("dodajZapis", 500); 

Answer 1

削除

HTML： はここに私のコードです。あなたのテーブルクラスが実際にテーブルでない限り、.tableから。セレクタは"table tbody tr:last"である必要があります。

Answer 2

私にとってはOKらしい：

<table class="table"> 
    <tbody> 
     <tr class=""> 
     <td>1</td> 
     <td>w w</td> 
     <td>Demokratska</td> 
     <td>undefined</td> 
     <td><a href="#" class="uredi" data-id="1">Uredi</a></td> 
     </tr> 
     <tr class=""> 
     <td>2</td> 
     <td>w w</td> 
     <td>Demokratska</td> 
     <td>undefined</td> 
     <td><a href="#" class="uredi" data-id="2">Uredi</a></td> 
     </tr> 
     <tr class=""> 
     <td>3</td> 
     <td>w w</td> 
     <td>Demokratska</td> 
     <td>undefined</td> 
     <td><a href="#" class="uredi" data-id="3">Uredi</a></td> 
     </tr> 
     <tr class=""> 
     <td>4</td> 
     <td>w w</td> 
    </tbody> 
    </table> 
    <script> 
    $(".table tbody tr:last").addClass("dodajZapis", 500).delay(1000); 

    $(".table tr:last").removeClass("dodajZapis", 500); 
    </script> 

Plunker：https://plnkr.co/edit/9G9C6AyUZTLN6mOzPHbe?p=preview

Answer 3

私は今...すべてのTRにアニメーションを適用するためのループ（TRを出力1）でのjQueryを持っていましたそれはうまく動作します