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

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

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>

你可能感兴趣的:(jquery,html,html,javascript,jquery)