在表格中隐藏具有特定字符数的行

Question

我需要隐藏航班号超过 6 个字符（包括EY- ）的航班行，例如当页面加载EY-5306的行时，应完全隐藏，只显示航班号为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>

当 JS 脚本运行时，我想查看该表，但排除了航班号为EY-5306的行，因为字符数超过 6 个。

Answer 1

使用.text().length; 获取字符数。

 $('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>