Question

我想选择最后一个tr，因此动画只会出现。但无论如何我都会尝试选择它，每次都选择了所有tr。这是我的代码：

HTML

<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

删除。来自.table，除非你的表类实际上是表。您的选择器应为"table tbody tr:last"。

Answer 2

对我来说似乎没问题：

  <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

我有一个for循环中的Jquery（打印tr的那个），它将动画应用到每个tr ...现在它工作正常

Jquery选择最后一个tr不起作用

3 个答案: