JSFiddle - React, Tailwind, and code Playground

by Gonzalo Guevara

HTML

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<table class="row">
  <caption class="sr">Tabla de ejemplo en pestaña activa</caption>
  <thead>
    <tr>
      <th style="width: 11.9%;" data-size="28">Apellido / Razón social  ACAAAAAA</th>
      <th style="width: 10.2%;" data-size="24">Nombre</th>
      <th style="width: 5.1%;" data-size="12">Número de cliente</th>
      <th style="width: 8.5%;" data-size="20">RUT</th>
      <th style="width: 4.67%;" data-size="11">Tipo doc.</th>
      <th style="width: 5.1%;" data-size="12">Número doc.</th>
      <th style="width: 5.1%;" data-size="12">Teléfono</th>
      <th style="width: 0.04%;" data-size="0.1"></th>
    </tr>
  </thead>
  <tbody>
    <tr class="filtros">
      <td>
        <input id="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:apellidoWeb" title="Apellido  / Razón social" name="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:apellidoWeb" value="perez" type="text">
      </td>
      <td>
        <input id="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:nombreWeb" title="Nombre" name="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:nombreWeb" value="" type="text">
      </td>
      <td>
        <input id="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:nroClienteWeb" class="text-right" title="Número de cliente" name="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:nroClienteWeb" value="" type="text">
      </td>
      <td>
        <input id="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:rutWeb" class="text-right" title="RUT" name="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:rutWeb" value="" type="text">
      </td>
      <td>
        <select style="width: 75px;" id="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:tipoDocumento" title="Tipo de Documento" size="1" name="viewns_Z7_60IC1282LG7QE0AH54QVR81006_:form:tipoDocumento">
          <option selected="selected" value=""> </option>
          <option value="BPS">BPS</option>
          <option value="CI">CI</option>
          <option value="CIA">CIA</option>
          <option...

JavaScript

$('.abrir').css('border', '1px solid lime');
$('.abrir').next('tr.juan').css('background', 'orange');
alert('aca');