jquery 获取点击事件dataset data- id

html

预约课程
预约课程

js

$(".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) 
}})

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