jQuery Simple Example

by ason5861_cs

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<table class="noshow">
  <tr>
    <th>Test 1</th>
    <th>Test 2</th>
  </tr>
  <tr>
    <td>Title</td>
    <td>ABC</td>
  </tr>
  <tr>
    <td>Reference No.</td>
    <td>123456</td>
  </tr>
  <tr>
    <td>Date</td>
    <td>28-05-2020</td>
  </tr>
  <tr>
    <td>Category/Cabinet</td>
    <td>187-1-PENTADBIRAN</td>
  </tr>
  <tr>
    <td>Subcategory/Folder</td>
    <td>187-1-1-PENTADBIRAN/PERUNDANGAN</td>
  </tr>
</table>
<br><br>

<table id="noshow">
  <tr>
    <th>Test 3</th>
    <th>Test 4</th>
  </tr>
  <tr>
    <td>Title</td>
    <td>DEF</td>
  </tr>
  <tr>
    <td>Reference No.</td>
    <td>123</td>
  </tr>
  <tr>
    <td>Date</td>
    <td>27-05-2020</td>
  </tr>
  <tr>
    <td>Category/Cabinet</td>
    <td>356-1-PENTADBIRAN</td>
  </tr>
  <tr>
    <td>Subcategory/Folder</td>
    <td>356-1-1-PENTADBIRAN/PERUNDANGAN</td>
  </tr>
</table>

<br><br>

<table class="noshow">
  <tr>
    <th>Test 5</th>
    <th>Test 6</th>
  </tr>
  <tr>
    <td>Title</td>
    <td>GHI</td>
  </tr>
  <tr>
    <td>Reference No.</td>
    <td>8888</td>
  </tr>
  <tr>
    <td>Date</td>
    <td>23-05-2020</td>
  </tr>
  <tr>
    <td>Category/Cabinet</td>
    <td>466-1-PENTADBIRAN</td>
  </tr>
  <tr>
    <td>Subcategory/Folder</td>
    <td>466-1-1-PENTADBIRAN/PERUNDANGAN</td>
  </tr>
</table>

JavaScript

$('.noshow tr td').each(function (k, v) {
    var title = $(v).text();
    if (title === 'Category/Cabinet') {
        var number = parseInt($(this).next().text().split('-')[0])
        if ((number >= 100 && number <= 199) || (number >= 400 && number <= 499)) {
            $(this).closest('.noshow').remove();
        }
    }
});