##本日の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メソッドと一緒に記述することでユーザーの選別の応用が効く