Расширить скрипт поиска в таблице jQuery

Question

У меня есть скрипт поиска в таблице jQuery из скриптов jQuery , и теперь я хочу расширить его, чтобы показать сообщение в теге <p>, если результат не найден.

Сценарийследующее:

$('#searchInput').on('change, input', function() {
    selectOptionFilterVehicle();
    var searchTerm = $(this).val().toLowerCase().trim();
    $('#vehicleTable tbody tr').each(function() {
        var lineStr = $(this).text().toLowerCase();
        if (lineStr.indexOf(searchTerm) === -1) {
            $(this).hide();
        } else {
            $(this).show();
        }
    });
});

Я думал, что могу добавить простые $('#noVhicle').html('Nothing found'); и $('#noVhicle').hide(); в оператор if, но не получится.

Теперь я немного запутался, кто-нибудь объяснитэто для меня?

Answer 1

Для обработки найденных предметов вам нужно создать переменную и увеличить ее, если что-то найдено, в противном случае вы можете показать свою ошибку

$('#searchInput').on('change, input', function() {
    // selectOptionFilterVehicle();
    var founded = 0;
    var searchTerm = $(this).val().toLowerCase().trim();

    $('#vehicleTable tbody tr').each(function() {
        var lineStr = $(this).text().toLowerCase();
        if (lineStr.indexOf(searchTerm) === -1) {
            $(this).hide();
        } else {
            $(this).show();
            founded += 1;
        }
        if ( founded === 0 ) {
            $("#noVhicle").show();
        } else {
            $("#noVhicle").hide();
        }
    });
});

Вот скрипка