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');

Answer 2

querySelectorAll方法允许您传递 CSS 选择器以查找您感兴趣的节点

var nodes = document.querySelectorAll('div tr'); // all <tr> descendants of <div>s
nodes[nodes.length - 1].className; // "active"   // the last of these

获取div中最后一个元素的类名

2 个答案: