jquery 获取点击事件dataset data- id

最新推荐文章于 2023-09-15 14:21:26 发布

marconiho

最新推荐文章于 2023-09-15 14:21:26 发布

阅读量3.3k

点赞数 1

文章标签： jquery js javascript

本文链接：https://blog.csdn.net/weixin_41645458/article/details/104331377

版权

html

<div class="appointmentCourse" data-id="12" id="34">预约课程</div>
<div class="appointmentCourse" data-id="56" id="78">预约课程</div>

$(".appointmentCourse").click((e) => {
	console.log(e.target.id)    //获取id
	console.log(e.target.dataset.id) //获取data-id
});

js取id

//DOM添加用这个方法才能获取
$(document).on('click', '.appointmentCourse', function() {
	console.log($(this).attr('id'))
	console.log($(this).prop('id'))
});
$('.appointmentCourse').click(function(e){
	console.log($(this).attr('id'))
	console.log($(this).prop('id'))
	console.log(e.target.id)    //获取id
})
$(".appointmentCourse").click((e) => {
	// console.log($(this).attr('id'))	箭头函数不支持
	// console.log($(this).prop('id'))	箭头函数不支持
	console.log(e.target.id) 
})

$(".appointmentCourse").click((e) => {
	console.log(e.target.id)    //获取id
});
$(".appointmentCourse").on("click",function (e) {{
	console.log($(this).attr('id'))
	console.log($(this).prop('id'))
	console.log(e.target.id) 
}})
$(".appointmentCourse").on("click",(e) => {{
	console.log(e.target.id) 
}})