onclick触发元素获取
- 自动生成元素的onclick事件
- event.target返回触发事件的元素
- event.currentTarget返回绑定事件的元素
<script>
var span3=$('<span onclick=delLable("'+data[i]._id+'")></span>');
span3.addClass('num');
span3.html('<i class="Hui-iconfont"></i>');
function delLable(){
var that=event.currentTarget;
console.log($(that));
console.log(event.target);
console.log(event.target.nodeName ) //获取事件触发元素标签name
console.log(event.target.className ) //获取事件触发元素classname
console.log(event.target.innerHTML) //获取事件触发元素的内容
console.log(event.target.id) //获取事件触发元素id
console.log(event.currentTarget.nodeName ) //获取事件绑定元素标签name
console.log(event.currentTarget.className ) //获取事件绑定元素classname
console.log(event.currentTarget.innerHTML) //获取事件绑定元素的内容
console.log(event.currentTarget.id) //获取事件绑定元素id
}
</script>
html:
结果:
- 获取触发onclick元素的父元素 “$“获取元素
console.log($(event.currentTarget).parent());