技術資料

error この記事は最終更新日から1年以上が経過しています。

下記のようにhtmlの要素に data-〇〇 という属性を指定する。

<ul>
	<li data-userid="1" class="user-list">阿部辰也</li>
	<li data-userid="2" class="user-list">常盤ななか</li>
</ul>

どの userid のリストをクリックしたか、チェックする。

$(function(){
	$(".user-list").click(function(){
		var userid = $(this).data('userid');
		console.log(userid);
	});
});

上記のように、 data-userid の値を取得するには、 data('userid') と指定すればよい。