jQuery/検索

	
$(function () {
  var searchWord = function(){
    var searchText = $(this).val().toLowerCase(); // 検索ボックスに入力された値
    var targetText;

    $('.target-area li').each(function() {
      targetText = $(this).text().toLowerCase();

      // 検索対象となるリストに入力された文字列が存在するかどうかを判断
      if (targetText.indexOf(searchText) != -1) {
        $(this).removeClass('hidden');
      } else {
        $(this).addClass('hidden');
      }
    });
  };

  // searchWordの実行
  $('#search-text').on('input', searchWord);
});