Мне нужно скрыть строку полета с номером полета более 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.
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>
Делюсь с вами ссылкой на страницу. etihad.com/en/manage/flight-tracker
Измените параметр на «Отправление и пункт назначения» для поиска Абу-Даби в Амман и нажмите «Найти». вы увидите таблицу, о которой я говорил выше.
$('tr td:nth-child(1)').each(function(){ var value = $(this).text().length; if (value > 6){ $( this).parent().hide();} });
$(".fs-ond-submit-btn button").click(function(){ setTimeout(function(){ XXXX }, 10); })
и замените XXXX
предыдущим кодом.
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Обратите внимание, что JavaScript — это НЕ Java. Включите все теги, относящиеся к вашему вопросу: например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [стройный] и т. д.
string.length
и сделайте условие. Например:if( word.length == 6){ display ;}