Как вывести сообщение «запись не найдена». если в таблице tbody нет записи с использованием функции фильтра jqueryJquery

Программирование на jquery
Ответить
Anonymous
 Как вывести сообщение «запись не найдена». если в таблице tbody нет записи с использованием функции фильтра jquery

Сообщение Anonymous »

Я хочу показать сообщение «Запись не найдена». если после поиска в таблице нет результата. это jsfiddle https://jsfiddle.net/jclaude/yxs8v1a9/2/

HTML

Код: Выделить всё








Filterable Table
Type something in the input field to search the table for first names, last names or emails:





Firstname
Lastname
Email




John
Doe
john@example.com


Mary
Moe
mary@mail.com


July
Dooley
july@greatstuff.com


Anja
Ravendale
a_r@test.com




Note that we start the search in tbody, to prevent filtering the table headers.




jQuery

Код: Выделить всё

$(document).ready(function(){
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});

CSS

Код: Выделить всё

table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}

td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #dddddd;
}
Я пытался найти эту функцию фильтра в jquery, но, к сожалению, не нашел решения/похожего на мою проблему. Я также просматриваю документацию https://api.jquery.com/filter/

Подробнее здесь: https://stackoverflow.com/questions/585 ... body-using
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»