javascript - 获取 div 中最后一个 <tr> 元素的类名

Question

我有一个如下表。正如您首先看到的 <tr>元素的类是“成功”，第二个是“事件”，第三个是“成功”......等等。

现在我想动态地执行此操作。但我无法到达最后<tr>元素的类名用于添加一些条件。

如何在 JavaScript 中执行此操作？

<div id="masterContainer" class="bs-example">
  <div  class="panel panel-default">
    <!-- Default panel contents -->
    <div class="panel-heading">User Information</div>
    <div class="panel-body">
      <p>The following table contains some personal information about users.</p>
    </div>
    <!-- Table -->
    <table class="table">
      <thead>
        <tr class="success">

          <td><b>First Name</b> <br> som</td>
        </tr>
      </thead>
      <tbody>

        <tr class="active">

          td><b>First Name</b> <br> something</td>

        </tr>

        <tr class="success">

          td><b>First Name</b> <br> something</td>
        </tr>
        <tr class="active">

          td><b>First Name</b> <br> something</td>

        </tr>

      </tbody> 
    </table>
  </div>
</div>

Answer 1

您可以使用:last选择器:

$('.table tr:last').attr('class');