onclick调用函数中的$(this)未指向当前节点——jquery

在写html时，对button绑定了onclick事件，如下：


<input type="button" value="修改" οnclick="changeContent(">

注意：此时的onclick中函数未传递任何参数

在function中我们尝试获取input这个节点信息：


function changeContent({
    alert($(this.tagName; 
}

在chrome中运行后我们发现返回的是undefined，也就是说获取到的不是input节点

查找资料后发现：

写在元素上onclick里面的函数changeContent，函数里面使用的this指向全局对象window，而不是指向该元素

那么要获取onclick所在节点的object，我们则需要在调用function时就把this传递过去：


<input type="button" value="修改" οnclick="changeContent(this">

在function中可以用一个tmp临时存放传递过来的this，或者使用$(this将其变为jquery对象


function changeContent(obj{
    var tmp = obj;
    alert(tmp.tagName;
    $(tmp.parent(.css("background-color","red";
}

这时候获得的tageName为"INPUT”，且变红的父节点正是该input的父节点

相关文章