問題描述

代碼如下：

$(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.b3g6.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綁定刪除事件，需要獲取當(dāng)前點擊元素的herf屬性值；通過e.target可以或得；但是通過this,不可以。console.log(this)后 ，輸出#document.

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

問題解答

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

你應(yīng)該先去了解下this的綁定機制。

箭頭函數(shù)中this是指向外層函數(shù)作用域。

下面是js函數(shù)調(diào)用的幾種方式：

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

js不是面向?qū)ο蟮恼Z言,跟java比, 在實現(xiàn)面向?qū)ο笊?語法上面是會有些奇怪。如果是以 func() 的方式調(diào)用函數(shù), 則this的值取決于調(diào)用函數(shù)的是在哪個對象。在設(shè)置回調(diào)函數(shù)時，如果沒有傳this參數(shù)， 就是 func()的調(diào)用方式，一般的寫法應(yīng)該是用另外一個變量來保存this的值, 通常變量名為self。

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

如果要調(diào)用jq的方法，應(yīng)該使用$(this)才代表的是jq對象

獲取href ： this.hash