Saya perlu menyembunyikan baris penerbangan dengan nomor penerbangan lebih dari 6 karakter (termasuk EY-) misalnya ketika halaman memuat baris untuk EY-5306harus disembunyikan sepenuhnya dan hanya menampilkan baris dengan nomor penerbangan EY-513.

<tr>
   <td>EY-5306</td>
   <td>29 Oct 2019</td>
   <td>07:00 am</td>
   <td>AUH</td>
   <td>AMM</td>
   <td>
      <a href="https://www.example.com?flightNumber=5306" role="link">Check flight status <img src="/images/test0.jpg" alt="image" class="check-flight-arrow"></a>
   </td>
</tr>

<tr>
   <td>EY-513</td>
   <td>29 Oct 2019</td>
   <td>10:35 am</td>
   <td>AUH</td>
   <td>AMM</td>
   <td>
      <a href="https://www.example.com?flightNumber=513" role="link">Check flight status <img src="/images/test1.jpg" alt="image" class="check-flight-arrow"></a>
   </td>
</tr>

Ketika skrip JS berjalan, saya ingin melihat tabel tetapi itu mengecualikan baris dengan nomor penerbangan EY-5306 karena jumlah karakter lebih dari 6.

-2
Ayaz 28 Oktober 2019, 09:21

1 menjawab

Jawaban Terbaik

Gunakan .text().length; untuk mendapatkan jumlah karakter.

$('tr td:nth-child(1)').each(function(){
  var value = $(this).text().length;
  if (value > 6){
  $(this).parent().hide();
  }
});
table{
width:100%;
border:1px solid #ddd;
}

td{
border:1px solid #ddd;
padding:10px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>
<tr><td>EY-5306</td><td>29 Oct 2019</td><td>07:00 am</td><td>AUH</td><td>AMM</td><td><a href="https://www.example.com?flightNumber=5306" role="link">Check flight status
<img src="/images/test0.jpg" alt="image" class="check-flight-arrow"></a></td></tr>

<tr><td>EY-513</td><td>29 Oct 2019</td><td>10:35 am</td><td>AUH</td><td>AMM</td><td><a href="https://www.example.com?flightNumber=513" role="link">Check flight status
<img src="/images/test1.jpg" alt="image" class="check-flight-arrow"></a></td></tr>
</tbody>
<table>
0
Ahmed Tag Amer 28 Oktober 2019, 09:36