jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<table class="jsgrid-table">
  <tbody>
    <tr class="jsgrid-row">
      <td class="jsgrid-cell jsgrid-align-left" style="width: 100%;">2018</td>
      <td class="jsgrid-cell jsgrid-align-left" style="width: 100%;"><span class="warning"></span></td>
    </tr>
  </tbody>
</table>

CSS

.red-border{
border-style: solid;
  border-color: red;
}

JavaScript

$(document).ready(function() {
  $("body").css("width", "2000px");
	debugger;
  $(".jsgrid-table").find(".warning").closest('tr').addClass("red-border");
});