ページ内のリストの中から目的の物を探し出す

注意

このJavaScriptは習作です。 至らない点が各所に残っている可能性があるので、参考にする際はご注意ください。

Sample（リンクもサンプルです）

• サイドシェルチェアチャールズ & レイ・イームズ
• アームシェルチェアチャールズ & レイ・イームズ
• アントニージャン・プルーヴェ
• ヒルハウス1チャールズ・レニー・マッキントッシュ
• コーヒーテーブルイサム・ノグチ
• マシュマロソファジョージ・ネルソン
• ソファコンパクトチャールズ & レイ・イームズ
• オーガニックチェア
• ゲリドン・テーブルジャン・プルーヴェ
• タタミチェアヴァーナー・パントン
• LCMチャールズ & レイ・イームズ
• DCMチャールズ & レイ・イームズ
• LCWチャールズ & レイ・イームズ
• DCWチャールズ & レイ・イームズ
• スタンダード・チェアジャン・プルーヴェ
• ブックシェルフジャン・プルーヴェ & シャルロット・ペリアン
• ディスマウンタブルチェアジャン・プルーヴェ
• ザ・チェアハンス・J・ウェグナー
• パイミオチェアアルバ・アアルト
• バルセロナチェアミース・ファン・デル・ローエ
• レッドアンドブルーヘリット・トーマス・リートフェルト
• No.14ミヒャエル・トーネット
• ネルソンベンチジョージ・ネルソン

Code

$(function (){
  var ranking_list = $('#designerList li');
  function list_search() {
    $(ranking_list).show('fast');
    var search_word = $('#searchInput').val();
    if(search_word){
      $(ranking_list).not($(ranking_list + ':contains(' + search_word + ')').closest('li')).hide('fast');
    } // end if
  }
  $('#searchButton').click(function(){
    list_search();
  });
  /*@cc_on
  var key_code = 0;
  $('#searchInput').keydown(function(down){
    if (down.keyCode == '13')
    list_search();
  });
  @*/
});

JavaScript1000本ノック トップページへ