Question

我正在使用Express以及EJS和MySQL作为数据库来开发一个项目。我尝试在显示当前事件列表的页面上放置一个搜索栏，然后使用EJS将事件放在表上以从数据库中获取数据。计数器看起来像在工作，但是搜索不会在表上隐藏意外的结果。有任何建议吗？（由于我们没有获取其余的服务器和代码，因此该代码段无法在整个表中正常运行）

this

this

$(document).ready(function() {
    $(".search").keyup(function () {
      var searchTerm = $(".search").val();
      var listItem = $('.results tbody').children('tr');
      var searchSplit = searchTerm.replace(/ /g, "'):containsi('")

    $.extend($.expr[':'], {'containsi': function(elem, i, match, array){
          return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
      }
    });

    $(".results tbody tr").not(":containsi('" + searchSplit + "')").each(function(e){
      $(this).attr('visible','false');
    });

    $(".results tbody tr:containsi('" + searchSplit + "')").each(function(e){
      $(this).attr('visible','true');
    });

    var jobCount = $('.results tbody tr[visible="true"]').length;
      $('.counter').text(jobCount + ' item(s)');

    if(jobCount == '0') {$('.no-result').show();}
      else {$('.no-result').hide();}
            });
  });

EJS应用程序上的搜索栏

0 个答案: