JS函数中使用this的错误

weixin_33806300

于 2013-08-07 17:04:00 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hello-wrld/p/3243512.html

本文介绍了一个关于使用jQuery时遇到的问题：尝试通过自定义函数包裹一个<p>标签元素时出现的错误，并提供了解决方案。问题在于点击事件中的this关键字没有正确引用到目标元素。文章展示了如何调整代码来解决此问题。

首先来还原一下页面的内容。

1  页面中有个p元素，执行fun()函数
2  <p onclick="fun()">234234234234</p>
3   
4   这是fun函数的定义
5   function fun() {
6           $(this).wrap("<div></div>");
7           }

当点击p元素的时候，会报不支持该接口。

分析原因：

　　页面加载时，p元素只绑定了fun函数，而并没有对fun函数中的this进行获取对象，在点击p时，this关键字是得不到p元素的。

解决方法：

　　我们可以换成例外一种写法，就可以使用this获取对象了。代码如下：

1 $("p").click(function(){
2     $(this).wrap("<div></div>");
3 });

转载于:https://www.cnblogs.com/hello-wrld/p/3243512.html