JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<table class="table table-hover">
                <thead>
                  <tr class="info">
                    <th class="col-md-1">Código</th>
                    <th class="col-md-1"></th>
                    <th class="col-md-9">Nome</th>
                    <th class="col-md-1"></th>
                  </tr>
                </thead>
                <tbody class="div_exibeCursos"><tr class="table-row cursor-auto fs-cursor-pointer" onclick="linhaSelecionada('div_exibeCursos', this)">
    <td><h5 class="media-heading">74559</h5></td>
    <td><div class="row">
        <div class="col-xs-11">
          <div class="media"><div class="fluigicon fluigicon-classes-management fluigicon-md"></div></div>
        </div>
      </div></td>
    <td><div class="row">
        <div class="col-xs-11">
          <div class="media">
            <div class="media-body">
              <h5 class="media-heading">Inclusão, Diversidade e Pertencimento</h5>
            </div>
          </div>
        </div>
      </div></td>
    <td class="iconeCheck"></td>
  </tr><tr class="table-row cursor-auto fs-cursor-pointer" onclick="linhaSelecionada('div_exibeCursos', this)">
    <td><h5 class="media-heading">75582</h5></td>
    <td><div class="row">
        <div class="col-xs-11">
          <div class="media"><div class="fluigicon fluigicon-classes-management fluigicon-md"></div></div>
        </div>
      </div></td>
    <td><div class="row">
        <div class="col-xs-11">
          <div class="media">
            <div class="media-body">
 ...

JavaScript

function linhaSelecionada(div, linha) {

  console.log("linhaSelecionada(div = " + div + ", linha = " + linha);

  $("." + div + " tr").removeClass("success");
  $(linha).addClass("success");

  $(' .iconeCheck').html('X');


}