首页
学习
活动
专区
圈层
工具
发布

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

jQuery 查找on事件绑定元素的被绑定元素方法 遇到的问题 今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下 $box.on('click', 'img', function(...){ $(this) }); 如上代码,当我点击这个图片的时候 $(this) 是指 img ....当然这是正确的. 而我需要找到 $box 也就是 img 的父级. 如果不是插件的话,我当然可以根据它的ID或者CLASS来进行查询.问题是,我是写的插件,也就是说,我并不知道它的这些信息是什么....解决方法 很多基础的东西不理解,就会出现我这样的问题.如同事所说,你是还不会爬呢,都学上跑了.因此,踩坑无数啊....解决方法如下: $box.on('click', 'img', function(){ $box.has($(this)) }); 如上,通过 .has 操作,就能找到唯一的父级被绑定元素了.

5.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery查找DOM节点元素【jQuery框架应用入门07】

    本节教程主要带读者入门jQuery查找dom节点元素的方法。...1.查找html元素 查找元素的基础就是上一节中利用jQuery选择器来实现的,通过id、class、后代元素、子代元素、兄弟元素等选择器,查找指定需要的html元素,以便进一步对这些元素进行操作,以实现数据...有时候用选择器查找到的元素不能一次到位,需要通过find()方法或者not()方法进行二次筛选,把需要的结果留下,不需要的结果删除。...jQuery选择器的代码如下: $("ol li") (2)遍历每个节点的内容,然后匹配关键词“祖国”。 进一步使用each方法可以对找到的每个元素进行遍历,jQuery代码如下所示。...this关键词来表示,将其加入jQuery对象体系中,变为$(this)以便可以方便使用jQuery的text方法方便获得每个元素的文本内容,然后利用indexOf方法对内容中是否含有关键词“祖国”进行判断

    48310

    js、jQuery 获取文档、窗口、元素的各种值

    基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素的各种值 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body的宽度: document.body.clientWidth...在当前触发鼠标事件的元素和它的祖先元素中找到最近的具有定位属性的元素,计算鼠标与其的偏移值, 以找到元素的border的左上角的外交点作为相对点。...offsetY : offsetY和layerY的不同在于,前者的在计算偏移值时,相对于元素的border左上角的内交点, 因此当鼠标位于元素的border上时,偏移值是一个负值...另外offsetY并不在乎触发事件的元素是否有定位属性,它总是相对于触发事件的元素来计算偏移值。...2.在元素具有上边框border-top的情况下, layerY比offsetY的值多一个border-top的宽度值。

    17.6K32

    jquery操作元素的位置

    .offset()   在匹配的元素中,获取第一个元素的当前坐标,或设置每一个元素的坐标,坐标相对于文档。   .offset() 这个不接受任何参数。     ...visibility:hidden; 可以获取到坐标,         如果元素设置的是 display:none; 位置值是 undefined;   .offset(coordinates...() 这个方法不接受任何参数.position() 可以获取得元素相对于父元素的偏移位置。...+ position.left + ", top: " + position.top ); .scrollLeft()   获取匹配的元素集合中第一个元素的当前水平滚动条的位置或设置每个匹配元素的水平滚动条的的距离...$("div.demo").scrollLeft(300); .scrollTop()   获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条的距离。

    4.6K60

    jquery获取第几个子元素_js获取元素的指定子元素

    val(); $( this ).children( "input:last-child" ).val(); 通过>选择器,$(“.items>input:first”) 在这里转一篇《jQuery...只是取的是最后一个; :only– child:返回所有没有兄弟节点的元素,注意,文本元素不是,也就是说类似这样的hellojquery,对于这段会选出...C等效于*.C; E#I:匹配id为I的所有元素E,#I等效于*#I; E[A]:匹配带有属性A的所有元素E; E[A=V]:匹配所有属性A的值为V的元素E; E[A^=V]:匹配所有元素E,且A的属性值是...V开头的; E[A 4.利用jQuery自定义的选择器进行选择: :button:选择任何按钮类型的元素,包括input[type=submit]等等; :checkbox:选择复选框元素; :file...:选择所有文件类型元素,即input[type=file]; :image:选择表单中的图像元素,即input[type=image],注意此处和前面根据标签名img选择图像有点不同哈; :input

    30.2K30

    python删除重复值、排序、查找最多元素等操作

    python删除重复值、排序、查找最多元素等操作 1、删除重复值、主要是列表和集合操作 2、关于排序,主要是对列表、元组、多重列表、集合以及对象排序 3、查找列表中出现最多的元素 # 删除可散列对象重复值...,按集合规则顺序排序 def delrepdata(items): return set(items) # 删除可散列对象重复值,元素显示顺序不变 def delrepdatawithnochangeorder...var是键值 if var not in datas: yield item datas.add(var) #字典对象,datas是个列表值的集合...# #找出列表中出现次数最多的元素 def findmosttopn(words,n=3): from collections import Counter word_counts...))) # [{'x': 2, 'y': 3}, {'x': 1, 'y': 4}, {'x': 2, 'y': 4}, {'x': 3, 'y': 6}] #找出列表中出现次数最多的元素

    1.1K20

    【数据结构与算法】之单链表根据值删除元素

    本文将详细讲解如何在单链表中删除所有值为指定值的节点。将使用 Java 语言实现,并提供详细的代码注释和解释。 相关教程: 数据结构之链表详解 递归详解 1....问题描述 给定一个单链表的头节点 head 和一个目标值 val,要求删除链表中所有值为 val 的节点,并返回新的头节点。...其他方法 5.1 不使用哑节点的迭代法 (Iterative without Dummy Node) 这种方法与使用哑节点的迭代法类似,只是不使用哑节点,需要对头节点进行特殊处理。...= null && head.val == val) { head = head.next; } if (head == null) { //如果链表为空或全部元素都被删除...建议根据实际情况选择合适的方法。在大多数情况下,使用哑节点的迭代法是最佳选择。

    28510

    JQuery 遍历:发现元素的魔法之旅

    3. find() 方法find() 方法用于查找匹配元素集合中每个元素的后代元素,返回一个新的集合。查找它们的子元素 $(".parent").find(".child").text("这是子元素"); }); ...通过 find() 方法,查找了这些元素的子元素,具有 child 类的子元素,然后给这些子元素添加了一个文字内容。...总结通过本文的介绍,你已经对 JQuery 的遍历方法有了一个深入的了解。从基础的选择器到各种强大的遍历方法,你可以根据需要轻松地操作页面上的元素,实现丰富的交互效果。...记住,JQuery 的力量在于它的简洁和灵活,让前端开发变得更加愉快和高效。无论是 each() 方法的循环,还是 find() 方法的查找,每一个遍历方法都是你在前端探险中的得力助手。

    89611
    领券