jQuery 查找on事件绑定元素的被绑定元素方法

jQuery 查找on事件绑定元素的被绑定元素方法

遇到的问题

今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下

$box.on('click', 'img', function(){
    $(this)
});

如上代码,当我点击这个图片的时候 $(this) 是指 img . 当然这是正确的.

而我需要找到 $box 也就是 img 的父级.

如果不是插件的话,我当然可以根据它的ID或者CLASS来进行查询.问题是,我是写的插件,也就是说,我并不知道它的这些信息是什么.

当然,如果$box在DOM中只存在一个的话,那么也没有问题,直接通过$box就可以找到了.

问题是 $box 也并不是唯一的.所以,我应该怎么知道这个 $box 到底是 哪个 $box 呢?

有点晕.没关系.

解决方法

很多基础的东西不理解,就会出现我这样的问题.如同事所说,你是还不会爬呢,都学上跑了.因此,踩坑无数啊.

在群里问了一群人,貌似没有解决问题.无奈,去一个大牛群里问人(平时不好意思问别人的,毕竟大家都很忙).

解决方法如下:

$box.on('click', 'img', function(){
    $box.has($(this))
});

如上,通过 .has 操作,就能找到唯一的父级被绑定元素了.

小结

回去把书再多看两遍…..

本文由FungLeo原创,允许转载.但转载必须署名作者,并保留文章首发链接.否则将追究法律责任.
首发地址: http://blog.csdn.net/FungLeo/article/details/51462219

©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值