0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

インクリメンタルサーチの機能実装

Posted at

##本日のchatspace勉強会で新たに学んだ事項を簡単にまとめました(備忘録)

what

 👉ユーザー検索の機能の実装

why

 👉最終課題への対応力向上のため。

how

◆onload : ページ遷移後(ページが読み込まれた時)に起動するイベント↓
cf) 
onload = function()

【jQuery実装】
◆attr: 引数に指定した属性のデータを取得する

◆each: 配列のデータを繰り返し処理を行う関数↓(index、elementの2つの引数を使用し、elementでjs-chat-memberを受けた)
◆push: 引数の値を配列に追加する関数↓
cf) 
$('.js-chat-member').each(function(index,element){
ids=$(element).attr('id');
userIds.push(ids);
});

要素検索
◆next(): 指定したセレクタの次の要素(node)を取得する。
◆prev(): 指定したセレクタの前の要素(node)を取得する。
◆parent(): 指定したセレクタの親(node)を取得する。

◆siblings(): 指定したセレクタと同じ階層の要素(node)を全て取得する。
👉filterメソッドと一緒に記述することでユーザーの選別の応用が効く

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?