jquery如何获取当前点击的标签下标

最新推荐文章于 2024-04-07 13:07:29 发布

原创最新推荐文章于 2024-04-07 13:07:29 发布 · 6.6k 阅读

0 ·

CC 4.0 BY-SA版权

js小知识点专栏收录该内容

3 篇文章

订阅专栏

 $(".class").click(function(){

    alert($(this).index()); 

})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Yi_gg

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jQuery - 获取内容和属性、设置

xiaoaque的博客

12-11

1044

jQuery 拥有可操作 HTML 元素和属性的强大方法。

html页面使用@for(){},@if(){}，利用jquery 获取当前class在列表中的下标

一只菜鸟夹

03-26

951

基于以前的项目进行修改优化，前端代码根据List元素在html里进行遍历显示原先的代码：其中，noticeGuide.Id是标识noticeGuide的唯一值，但是不是从0开始的【是数据库自增字段】但是在页面初始化加载的时候，我们只想显示Id在最前面的那个，即如何在$(document).ready(function()不额外请求后端noticeGuideList数据的情况下完成就是元素命名的时候，按照元素在列表里的下标命名。

1 条评论您还未登录，请先登录后发表或查看评论

js、jq获取当前点击元素的下标

m0_62098435的博客

10-02

3463

以下是原生js方法： //获取到所有的li标签 var li = technical.querySelectorAll("li") //遍历li标签 for (let i = 0; i < tr2.length; i++) { //将i的下标赋值到li的index上 li[i].index = i ; li[i].onclick = function (){ console.log(tihe.index); }; }; 以下是jq方法，相对于js方便一.

js获取当前点击的元素下标

weixin_47106572的博客

04-24

1896

js var detail = document.getElementsByClassName("detail"); for(var i =0;i<detail.length;i++){ detail[i].index = i; detail[i].onclick=function(){ alert(this.index) } } jQuery $(".detail").click(function(){

jQuery中获取对应的下标

欢欢的博客

04-20

1372

$('.game .soft_title>div p').hover(function () { $(this).addClass('active').siblings().removeClass('active'); var _index = $(this).index() $('.game .soft_list .soft_item').eq(_index).addClass('active').siblings().removeClass('ac.

JS怎么获取当前点击的子元素的下标（点击就能获得点击的元素的index）

Pumily的脱发历程

08-17

1万+

在不考虑兼容问题情况下，可用一下document.getElementsByClassName方法。这样每次点击时就能获得你点击的元素的index值。

拿到当前li的下标

iteye_1375的博客

05-22

231

$(document).ready(function(){ $(".list li").each(function(index,itme){ $(itme).click(function(){ if($(this).is($(".list li").eq(index))){ ...

jquery 获取标签名(tagName)示例代码

12-10

这两个表达式都可以用来获取当前jQuery对象所选的第一个元素，并访问它的`tagName`。 4. **示例代码**：在HTML中，我们有一个简单的`<div>`元素： ```html <div>Hello, world. ``` 使用jQuery获取这个`div`...

jQuery获取Select标签的手册

10-26

本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**：要获取`Select`标签中当前选中的选项的`value`属性值，可以使用`$('select').val()...

jquery中为li标签设置点击事件点击后打印出某个li标签的索引下标

最新发布

06-06

### 在 jQuery 中为 li 标签绑定点击事件并获取索引下标在 jQuery 中，可以通过 `on` 方法为动态生成的或静态存在的 `li` 元素绑定点击事件。当某个 `li` 被点击时，可以使用 `.index()` 方法获取该元素在其父级中...

jQuery中在不同场景下，通过点击事件获取当前子元素的下标

Yukinoshita_kino的博客

05-18

3183

jQuery中两种场景下，通过点击事件获取子元素的下标 html代码部分 // 1.第一种场景 <div class="box-one"> <div class="child-one">子元素一</div> <div class="child-one">子元素二</div> <div class="child-one">子元素三</div> </div> // 2.第二种场景 <div cla

JS 获取元素下标的6种方法

zqp32242的博客

10-04

1万+

方法一：给每个按钮自定义data-index属性 for(var i = 0; i < btns.length; i++){ btns[i].setAttribute('data-index',i) btns[i].onclick = function(){ console.log(this.dataset['index']) } } 方法二：存下标 for(var i = 0; i < btns.length; i++){

jquery获取当前点击li的元素的节点下标

milli236的博客

01-10

3万+

$("#detailChange").on("click","li",function(){ // 切换li列表样式 $(this).addClass("active"); $(this).siblings().removeClass("active"); // 获取当前点击li 的下标 let index = $(this).index() + 1; console.lo

点击li，输出对应li的下标

wuqiongqiong_的博客

09-20

4373

window.onload=function(){ 第一种方法： var oli=document.getElementsByTagName('li'); for(var i=0;i oli[i].onclick=(function(n){ return function(){ alert(n) } })(i) } } 第二种方法： /

用jquery获取元素的下标的值和eq的用法--案例

热门推荐

ShiYadong的专栏

08-27

3万+

jquery中eq的定义和用法 eq(index)；选择器选取带有指定 index 值的元素。 jquery中获取元素的下标的值

jQuery DOM 元素方法 - index() 方法获取当前点击的标签下标

weixin_44984517的博客

11-06

1462

用index(),例如li的点击下标 $("li").click(function(){ var i=$(this).index(); 返回当前点击的下标 alert(i); });

JS与jQuery获取任意事件的子元素下标(获取当前类数组的某一子元素下标)

zLanaDelRey的博客

12-02

3882

JavaScript方法 var child = document.getElementsByClassName("child"); for(var i=0;i<child.length;i++) { var a = child[i]; a.index=i; //给每个类名为child的元素添加index属性 ...

jQuery怎样获取下标？

FENGZXCjjjjj的博客

04-07

364

index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。eq(index)；选择器选取带有指定 index 值的元素。下标都是从零开始的，如果元素只有一个，那么它的下标就是0,。jQuery中有一种方法，eq();当index的值可以为负数。

获取元素指定类名的下标

欢欢的博客

09-27

424

$(".wdTypeMenu a").hover(function(){ var _index = $(this).index();//获取下标(索引值) $(this).addClass("wdTypeMenuColor").siblings().removeClass("wdTypeMenuColor"); $(".typeMenuListAll .typeMenuList").eq(_index).addClass("show").siblin...