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");

});

jQuery的元素选择器可以根据class选择元素。例如，获取class='aaa'的DIV元素的代码为：$("divaaa")

。下面提供一个具体的示例，HTML结构如下：

<div

id='a'><div

class='aaa'></div></div>

<div

id='b'><div

class='aaa'></div></div>

<div

id='c'><div

class='aaa'></div></div>

1、获取id为b的div下的aaa类元素

$("divaaa")获取的是所有的aaa类，如果限定为b元素下的aaa类，可以配合后代选择器使用，代码为：$("div#b

divaaa")

2、获取id为a或者c的div下的aaa类元素

如果需要获取多个不同类型的对象，可以使用逗号（,）分隔，所以相应代码为：

$("#a

aaa,

#c

aaa")

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。

2、在indexhtml中的<script>标签，将“$("post_status")”修改为“$(this)find("post_status")”。

3、浏览器运行indexhtml页面，此时对任意个div进行hover都只会是当前hover的元素会调用样式改变代码。

分为以下2种情况： 

1如果css写成行内样式，可以通过获取style属性的值来判断，示例如下： 

判断id为divid的div元素是否有font-size样式：

2如果css写成类样式，可以通过获取class属性的值来判断，示例如下： 

判断id为divid的div元素是否含有类样式divclass：

描述: 为每个匹配的元素添加指定的样式类名

$('div')addClass('className');//为所有div添加名为className的class1

removeClass 

描述: 移除集合中每个匹配元素上一个，多个或全部样式。

$('div')removeClass('className');//将所有div上名为className的class移除1

toggleClass 

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加。

用var name=$('div')eq(0)attr('class')

name就是第一个div的class名

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

太多了 不明白你想干什么 你是想处理多个class是吧 想怎么获取？用each方法就可以了

$("nav")each(function(index,item) {

    $(this)……//这个就是jquer循环获取的class对象 你可以用来处理你的逻辑

});

以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容，包括:jquery 怎么获取当前点击class 是第几个、jquery 选择器 怎样获取class='aaa'的DIV元素、jquery 如何选取相同class里特定的一个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！