jquery 怎么获取当前点击class 是第几个

一、如果是同级（兄弟元素）的，如：

<ul><li class='a'></li><li class='a'></li></ul>可以

$("a")click(function(){

var a=$(this)index;

//或者

var a=$('a')index(this);

}

二、而对于不同级（非兄弟元素），如：

<div class='a'></div>

<div><div class='a'></div></div>

则只能这样

$("a")click(function(){

var a=$('a')index(this);

}

扩展资料：

注意事项

jQuery 拥有若干进行 CSS *** 作的方法。

1、addClass() - 向被选元素添加一个或多个类

2、removeClass() - 从被选元素删除一个或多个类

3、toggleClass() - 对被选元素进行添加/删除类的切换 *** 作

4、css() - 设置或返回样式属性

例如：

important

{

font-weight:bold;

font-size:xx-large;

}

blue

{

color:blue;

}

向不同的元素添加 class 属性。当然，在添加类时，也可以选取多个元素：

实例：

$("button")click(function(){

$("h1,h2,p")addClass("blue");

$("div")addClass("important");

});

parent()//只会向上一级获取，只是一级

parents()//获取所有直接的上级，上级的同级元素不能获取

children()//获取所有下一级的元素，只是一级

find()//获取指定的下级，一定要指定，不然无效。如：find("span"),获取下级的所有span元素，无论在多深的下级。

siblings()//获取除了本元素以外的所有同级元素，如：你要对同级元素加上边框，这个只对同级元素有效，对本元素$(this)无效

next()//本元素的向下数第一个同级元素

nextAll()//所有在本元素下面的同级元素

nextUntil()//介于两个同级元素之间的同级元素。如：$("span")nextUntil("p") span和p必须是同级元素，然后获取span和p之间的同级元素

prev()//和next()相反

prevAll()//和nextAll()相反

prevUntil()//和nextUntil()相反，注：这个相反有点出入，最好自己先测试一遍再使用

first()//获取选中元素第一个（同级之间的）

last()//获取被选元素的最后一个（同级之间的）

eq(1)//获取被选元素的第2个，注：元素是从0开始数起的

filter("css")//获取被选元素的同级所有带有css类的

not()//和filter()相反

这是我之前学jquery自己总结的一部分，你可以参考一下。

更详细和专业的解析你可以去这里看一下：>

你好！

  <li>item1</li>

  <li>item2</li>

  <li>item3</li>

  <li class="test">item4</li>

  <li>item5</li>

</ul>

var obj = $("test")prevAll("li:first");

希望对你有帮助！

都知道要获取父级了，查看下手册就能找到你需要的答案了。

$(this)parent('c')siblings('b')find('bb')addClass('bba');

说明一下：parent是获取父级，siglings是获取同级，find是获取子级当然也可以用child

可以先获取所有相同class的标签，然后获取标签的个数。

1、新建html文档，在body标签中添加一些div标签，并为这些div标签设置一些类，然后引入jquery文件：

2、使用jquery获取所有相同类名的标签，格式为$('class名')，这时所有相同类名的标签会被选中：

3、获取标签之后，使用length属性获取标签的个数，这时相同类名的个数就被获取到了：

$('#1')parent()find('>li:last')css('background-color', 'red');

这样用 > 号获取最接近的子元素

$(function() {

$("d_1")click(function() {

$(this)nextAll("d_1")each(function() {

$(this)css("background", "gray");

});

});

});

测试通过

以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容，包括:jquery 怎么获取当前点击class 是第几个、jquery获取不同层次的元素有哪几种方法、jquery怎么获取同级目录前面的第一个元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！