get classname of a last <tr> element in a div

Question

I have a table like below. As you can see first <tr> element's class is "success" and second "active" and third is "success"...etc..

Now I want to do this dynamically. But I can't get last <tr> element's classname for add some condition.

How can I do this in 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

You can use :last selector:

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