制作"没有找到结果"出现。 JAVASCRIPT

时间:2015-03-01 11:55:00

标签: javascript php jquery css web

$(document).ready(function(){
$("#searchme").keyup(function(){

if( $(this).val() != "")
{$("#searchTbl tbody>tr").hide();

$("#searchTbl td:contains-ci('" + $(this).val() + "')").parent("tr").show()  ;}	
else{
$("#searchTbl tbody>tr").show();
  
}});
 我需要显示“没有找到结果”请帮助我使用javascript。 #searchtbl是表的名称。我的表看起来就像当你输入一个与给定数据相似的单个字母/单词/数字时,具有该值的所有数据都会弹出,而不匹配的数据会隐藏...我的问题是。当没有相似之处时,它不会显示“找不到结果”。谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

 if( $(this).val() != "")
 {
     $("#searchTbl tbody>tr").hide();
     var search = $("#searchTbl td:contains-ci('" + $(this).val()+ "')");
     if ( search.length == 0 )
     {
          alert("No results"); //replace with your own message inside an element
     }
     else
     {
        search.parent("tr").show()  ;
     }
  } 
  else
  {
      $("#searchTbl tbody>tr").show();
  }

用此替换您的IF/ELSE - 子句。它将测试是否返回任何元素,如果没有显示消息。

jQuery的selector函数返回一个数组。如果数组的长度为0,则找不到与选择器匹配的元素。