jquery 怎么获取当前点击class 是第几个
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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");
);
jq中有一个index()事件是获取当前位置的,具体用法如下:
$(".class").click(function()alert($(this).index());
)//这个弹出的就是点击的class是第几个 参考技术B 假如类名为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);
本回答被提问者和网友采纳 参考技术C $(this).index
or
$("xxx").index(this) 参考技术D $("xxxx").click(function()
var a=$(this).index;
jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。
具体演示如下:
1、HTML结构:设计三个li元素
1
2
3
4
5
6
7
8
9
|
< ul id="test"> < li >Glen</ li > < li >Tane</ li > < li >John</ li > </ ul > |
2、css样式:设计一个类selected,表示选中后的效果
<style>
.selected{font-weight:bold; background: #ff99cc; color:#fff;}
</style>
3、jquery代码:
$(function(){
$("#test li").click(function() {
$(this).siblings(‘li‘).removeClass(‘selected‘); // 删除其他兄弟元素的样式
$(this).addClass(‘selected‘); // 添加当前元素的样式
});
});
4、效果演示:
以上是关于jquery 怎么获取当前点击class 是第几个的主要内容,如果未能解决你的问题,请参考以下文章