使用jq来获取html5的自定义属性data-*方法

获取html5的自定义属性data-*方法

html中设置自定义属性

<!-- html -->
<div class="title" data-id="1">标题</div>

js中获取自定义属性，注意不要忘记引入jq，jq获取方式有很多种渠道，我这里用的是: BootCDN，打开这个网站输入jquery就会有很多版本

// js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
    $('.title').on('click', function () {
		var id = $(this).data('id'); // 注意data('id')里面需要引号
		console.log(id); // 1
	});
</script>