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非表示になるはずです。Hまた、またはを入力するHariと、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

あなたはコードを提供していません。誰かがあなたのためにそれを行うとは思えません。 ここにあなたが望むものを与えるかもしれないコードがあります: プログラミング。

于 2013-07-18T12:36:37.037 に答える