如何控制JS函数中的this,使其始终指向DOM元素?
this在js函数中的灵活控制
在javascript函数中,this关键字指向函数内部的执行上下文。在不同的情况下,this可以动态地指向元素dom或函数本身。这可能会带来一些混乱, особенно когда вы хотите получить идентификатор элемента, который вызвал функцию.
问题:
如何在js函数中控制this,以便它始终指向元素dom,而不是函数本身?
答案:
要控制this指向元素dom,可以使用以下技巧:
1. 传入事件源
调用函数时,可以使用事件源作为参数传递。例如:
function f(ele) { console.log($(ele).attr('id')); } f(this); // 传入事件源
2. 使用绑定事件
可以使用jquery的on()方法绑定事件到元素上。在这种情况下,this将自动指向触发事件的元素。例如:
$('.element').on('click', function() { console.log($(this).attr('id')); });
以上就是如何控制JS函数中的this,使其始终指向DOM元素?的详细内容,更多请关注其它相关文章!