二足のわらじ

〜プログラミングとSEOの勉強をはじめたミーハー26歳のメモ帳〜

【備忘録】最新のコメントのカスタムデータ属性を取得する

 

【現状】

・chat-spaceというチャットアプリの作成中

・各メッセージにはカスタムデータ属性「data-message-id」が付与

f:id:vamnasocana:20191207165031p:plain

 

 

【目的】

最新のメッセージの「data-message-id」の値を取得する

 

【コード】
 
last_message_id = $('.message:last').data('message-id');
console.log(last_message_id);
 

 

 

【ポイント①】dataメソッド

・カスタムデータ属性の値を取得するメソッド

<section id="blog" data-author="Taro">
var blog = $("#blog");
alert(blog.data('author'));

 

【ポイント②】$(":last")

・ :last を設定すると最後の要素を選択する

・単独では利用しない

・ $("div:last")「複数あるdiv要素のうち最後のものを取得」

参考記事:http://www.jquerystudy.info/reference/selectors/last.html