JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="find" value="" />
<input type="button" id="search" value="go" />

<table id="table">

  <tr>
    <th class="pays">Pays</th>
    <th class="carte">Cartes</th>
    <th class="drapeau">Drapeaux</th>
    <th class="lien">Liens</th>
  </tr>



  <tr>
    <td>Afrique du Sud</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Algérie</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="td_text" ROWSPAN=3>Angola</td>

    <td>Adrar</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>

    <td>Aïn Defla </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>

    <td>Blida </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Bénin</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Botswana </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="td_text" ROWSPAN=2>Nigeria</td>
    <td>Ondo</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Zamfara</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Ouganda</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Rwanda </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Sénégal </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>


</table>

CSS

body {
  background-color: #ffffff;
}

.found {
  background-color: silver;
}

JavaScript

$(function() {
  $('#search').on('click', function() {
    term = $('#find').val();
    $('td').removeClass('found');
    if ($('td:contains("' + term + '")').length > 0) {
      $('td:contains("' + term + '")').addClass('found');
      } 
    else {
        alert('pas trouvé');
      }
    });
  


})