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

Question

如题所述

Answer 1

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

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

});

Answer 2

jq中有一个index()事件是获取当前位置的，具体用法如下：

$(".class").click(function(){
    alert($(this).index());
})//这个弹出的就是点击的class是第几个

Answer 3

假如类名为a，
如果是同级（兄弟元素）的，如：<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);

}本回答被提问者和网友采纳

Answer 4

$(this).index
or
$("xxx").index(this)

Answer 5

$("xxxx").click(function(){
var a=$(this).index;

}