jq获取同一类名的但处于不同父元素下的当前元素的索引值问题

最新推荐文章于 2023-05-15 09:20:28 发布
最新推荐文章于 2023-05-15 09:20:28 发布
阅读量7.7k 收藏 5
点赞数 5
分类专栏： 笔记 文章标签： jquery 索引 class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chao7842/article/details/55257967
版权
解决使用jQuery获取同一类名但位于不同父元素下的元素索引值的问题。通过示例代码展示如何正确获取当前点击元素的索引，避免直接使用$(this).index()导致始终返回0的错误。
摘要由CSDN通过智能技术生成

jq获取同一类名的但在不同父元素下的元素的索引值问题

其实很简单,但是可能这种需求真的不多,所以网上资料有点少,索性写一个吧.

首先把需求说明白...

   

dom基本结构类似图中所示,需求就是给类名为b1,b2的元素分别添加不同的点击事件,

点击后 对应的b,b1,b2都会发生样式上的改变,实现这需求的根本就是获取当前点击的元素索引值.

今天被这问题浪费不少时间,开始做着需求的时候没想太多,顺手就用$(this).index()获取索引值了,后来发现是我想简单了...

这样获取到的是对于父元素

最低0.47元/天 解锁文章
耀眼你的眼眸
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
原生JS与JQ获取元素的区别详解
10-15
在JavaScript (JS) 和 jQuery (JQ) 中获取页面元素是两种不同的方法，它们各有特点，适应不同场景。本文将详细解析这两种方式的区别。 一、原生JavaScript获取元素 1. **通过元素ID获取**： 使用`document....
Android获取当前运行的类名或者方法
09-03
在Android开发中，有时我们需要获取当前正在执行的类名或方法名，这在调试、日志记录、性能分析等场景非常有用。以下是如何在Android应用中实现这一功能的详细步骤和相关知识点： 首先，Android系统提供了`...
jquery 获取div元素中子元素相同类名的某个元素
qq_37299479的博客
05-15 535
由于用的是第三方的地图，人家的弹窗是写死的，且不能自定义弹窗，必须按照人家的格式来，所以只能自己叠加功能，我要实现的是点击弹窗的某个元素，打开另一个二级弹窗页面，目前只能用jquery选中元素，添加点击事件处理，后期有时间在研究一下自己实现弹窗功能，目前就这样处理。好久没用jquery，尽然忘记了获取元素的方法，在此记录一下。这几种方法，就是常用的 jquery 取得第一个元素的方法。最近做地图功能，要在点击设备的弹窗中，添加点击事件。
Jquery取具有相同类名的发生单击事件的那个元素。
12-04 773
                $(document).ready(function() {            $(".tabon").click(function() {                $(".tabon").each(function() {                    alert("遍历的"+$(this).attr("id"));           
jq获取同一类名的但处于不同父元素下的当前元素的索引值
m0_63873004的博客
12-07 368
我们在使用原生js或jquery语法的时候,有种情况下我们想那到元素的下标，但是同一个类名然而处于不同的父元素怎么获取下标。 点击第一个li输出0 点击第二个li输出1 点击第三个li输出0 点击第四个li输出1然后想实现的是点击第一个li输出0 点击第二个li输出1 点击第三个li输出2 点击第四个li输出3这个时候怎么去修改代码
相同类名但不是同级别的最后一个元素_jQuery查找特定类的下一个/上一个元素，但不一定是同级...
weixin_28285943的博客
01-17 194
The next, prev, nextAll and prevAll methods are very useful, but not if the elements you are trying to find are not in the same parent element. What I want to do is something like this:HelloWorld>W...
jQuery 添加删除同级或不同级的class
zhang1027963459的博客
02-18 5634
jQuery 添加删除同级或不同级的class 比如点击a 只给a加个class，如果点击另外一个a删除之前那个a的class
Java 获取当前类名和方法名的实现方法
08-29
Java 获取当前类名和方法名的实现方法 Java 获取当前类名和方法名的实现方法是 Java 编程语言中一个重要的知识点。通过获取当前类名和方法名，可以帮助开发者更好地了解程序的执行流程， Debug 程序和优化代码性能...
jQuery中获取Radio元素值的方法
10-27
### jQuery中获取Radio元素值的方法知识点 #### 1. jQuery基础选择器 在jQuery中，可以使用多种选择器来选取页面中的元素。对于获取单个或多个特定元素，如radio按钮的值，可以使用以下几种方式： - 类选择器：...
JavaScript中常见获取元素的方法汇总
10-24
本文将详细介绍JavaScript中三种常见的获取DOM元素的方法，这些方法包括通过元素ID获取、通过标签名获取以及通过类名获取。 首先，通过元素ID获取DOM元素是最常见和直接的方法。JavaScript提供了一个名为...
web前端学习-CSS
yong_19930826的博客
03-22 1718
web前端学习-CSS1 CSS基础1.1 CSS的基础认知1.2 CSS基础选择器1.2.1标签1.2.2 类选择器1.2.3 id选择器1.2.4 通配符选择器1.3 文字和文本样式1.3.1 文字基本样式1.3.2 文字-字体1.3.3 拓展-层叠性1.3.4 font复合属性1.3.5 文本缩进1.3.6 水平对齐方式1.3.3 文本修饰线1.3.3 行高 1 CSS基础 1.1 CSS的基础认知 1.2 CSS基础选择器 1.2.1标签 1.2.2 类选择器 先定义 后使用 每个类都
获取列表中多个相同元素的索引值
huludan的专栏
05-05 9666
>>> a = ['a','b','c','a','c'] >>> for item in enumerate(a): if item[1] == 'a': print item[0] 0 3 >>>
js获取元素相对于父级的父级的索引值（Array.prototype.indexOf.call()方法）
jerryyang_2017的博客
05-17 7638
需求：利用事件委托，然后点击html中的数字，然后获取数字的父节点li在ul里面的索引值 首先看一下html部分 <ul> <li> <span>1</span> <p>111</p&
获取列表中重复元素的索引值
yiyimeizhi的博客
04-14 4174
获取列表的重复元素的索引并以列表形式输出查询列表list中的重复元素的索引，例如：#定义空列表list_3，将重复元素的索引值放置list_3中 list_3 = [] list_1 = ['2', '5', '6', '11', '2', '535', '2', '2' ] print(list_1) s = input("请输入一个数字：") for item in enumerate(li
jq遍历循环，给每个元素添加点击事件，并返回当前元素的索引值（闭包问题）
yehaocheng520的博客
03-30 5405
jq循环绑定点击事件造成闭包问题 需求：给每个带有tab类名的元素点击点击事件，点击时可以添加active类名，（用于样式切换），而且还需要返回当前元素对应的索引值： 方法一（出现闭包） 先引入jq jq引入之后的获取dom的方式： $(’.tab’) //获取到的是所有含有tab类名的元素，如果想要限制在某个区域内，可以再加个类名的限制。 $(’.tab’).each(function(index){ $(this).on(‘click’,function(){ console.log(index); $
python快速提取两个列表中的相同元素
热门推荐
每天进步一点点
04-03 4万+
通过set(list)方法很容易得到没有重复元素的集合。想到集合就想到了集合中的方法intersection()，该方法用于求两个集合的交集，也就是两个集合的共同元素，反推一下，很容易得到求两个列表共同元素的方法。
jquery点击事件获取该元素在整个一类元素中的索引值
sxf359的博客
01-03 1万+
有一类div标签，class为pointbox，数量不等，有多个。我需要在点击某一个标签的时候实时获取该标签在这类标签中索引值，以便进行其他操作。 代码很简单： $(".pointbox").click(function () {          var index=$(".pointbox").index($(this));        }); 但是很有用。做下笔记
python用BeautifulSoup获取网页的同一类名的元素
最新发布
05-28
使用BeautifulSoup获取同一类名的元素很简单。假设你要获取一个网页中所有class为"example"的元素，可以按照以下步骤进行： 1. 导入BeautifulSoup库和requests库 ```python from bs4 import BeautifulSoup import requests ``` 2. 使用requests库获取网页的HTML代码 ```python url = "https://example.com" response = requests.get(url) html = response.content ``` 3. 使用BeautifulSoup库解析HTML代码 ```python soup = BeautifulSoup(html, "html.parser") ``` 4. 使用soup.find_all()方法获取所有class为"example"的元素 ```python elements = soup.find_all(class_="example") ``` 其中，class_="example"是一个关键字参数，用于指定需要查找的class名称。这将返回一个包含所有匹配元素的列表，你可以遍历这个列表，获取每个元素的内容或属性。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值