javascript - jquery事件綁定中的this指向問題

問題描述

代碼如下：

$(function(){$.ajax({ type:'GET', url:'/msg', success:function(data){var html='';for(var o of data){ html+=`<tr> <td>${o.mid}</td> <td>${o.uname}</td> <td>${o.content}</td> <td>${o.pubtime}</td> <td><a href='http://www.wxshucaidpc.com/wenda/${o.mid}'>刪除</a> </th></tr> `;}$('#tb1').html(html); }});$('#tb1').on('click','a.btn-del',(e)=>{ e.preventDefault(); //var mid=this.getAttribute('href'); console.log(this);}); });

我需要給異步請求生成的a.btn-del綁定刪除事件，需要獲取當前點擊元素的herf屬性值；通過e.target可以或得；但是通過this,不可以。console.log(this)后 ，輸出#document.

難道事件代理中this不是指向當前點擊的元素嗎？？

問題解答

你把 (e)=> {} 改成 function(e){} 看看。

你應該先去了解下this的綁定機制。

箭頭函數中this是指向外層函數作用域。

下面是js函數調用的幾種方式：

var func = function(a,b){ console.log(this); console.log(a + ’ ’ + b)};var self = ’test’;func(1,2); // this 是 window 對象, 因為此時調用函數的是window對象func.call(self,1,2); // this是 字符串 ’test’func.apply(self,[1,2]); // this是 字符串 ’test’

js不是面向對象的語言,跟java比, 在實現面向對象上,語法上面是會有些奇怪。如果是以 func() 的方式調用函數, 則this的值取決于調用函數的是在哪個對象。在設置回調函數時，如果沒有傳this參數， 就是 func()的調用方式，一般的寫法應該是用另外一個變量來保存this的值, 通常變量名為self。

var self = this;XXXX.callback = function(){ console.log(self);};回答3：

如果要調用jq的方法，應該使用$(this)才代表的是jq對象

獲取href ： this.hash