0

我的 HTML 列表如下： 

<ul class="friend_list">
    <li> 
        <a href="#">Krishna</a>
        <a href="#">Karan</a>
        <a href="#">Ram</a>
        <a href="#">Hari</a>
    </li>
</ul>

<input type="text" name="sort" value="Search" id="sort">

在这里，当用户在输入文本中输入任何字符串时，#sort它应该根据匹配对值列表进行排序。就像我输入K输入Krishna和Karan列表应该显示和Hari隐藏一样。再次当我输入HorHari时，Hari li应该显示而其他人应该隐藏。

#sortkey up 函数应该像 SQLLIKE运算符那样过滤结果。

谁能帮我找到解决方案？

4

2 回答 2

3

这是一个想法：

 $("#sort").keyup(function(){
      var v = $(this).val();
      if(v.length==0)
      {    $("a").show();}
      else
      {
      $("a").each(function(){
          if($(this).text().indexOf(v)==0)
              $(this).show();
          else
              $(this).hide();
      })
      }
  }) ;

http://jsfiddle.net/fqyCM/

改变 

if($(this).text().indexOf(v)==0)

至 

if($(this).text().indexOf(v)!=-1)

从开头更改为包含

于 2013-07-18T12:39:59.987 回答
0

你不提供任何代码，我怀疑有人会为你做。这是一个代码，可能会给你你想要的： http ://codecanyon.net/item/advanced-tables/full_screen_preview/53366?ref= lvraa 如果你不是很尝试的话，我建议你使用 jQuery 插件编程。

于 2013-07-18T12:36:37.037 回答