मुझे उड़ान संख्या को 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>

जब जेएस स्क्रिप्ट चलती है तो मैं तालिका देखना चाहता हूं लेकिन वह पंक्ति को उड़ान संख्या EY-5306 से बाहर कर देता है क्योंकि वर्णों की संख्या 6 से अधिक है।

-2
Ayaz 28 अक्टूबर 2019, 09:21

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>
0
Ahmed Tag Amer 28 अक्टूबर 2019, 09:36