一、如果是同级(兄弟元素)的,如:
<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()方法,举例:
<table id="table1"><tr>
<td>第1行</td>
</tr>
<tr>
<td>第2行</td>
</tr>
<tr>
<td>第3行</td>
</tr>
<tr>
<td>第4行</td>
</tr>
</table>$('#table1')find('tr')click(function() {
var idx = $(this)index() + 1; // 索引是从0开始的,故+1
consolelog('点击了第' + idx + '行');
});
jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置(从0开始计数),基本语法为:$(selector)index()。因此当前 tr 的 index 可以得到行数,当前 td 的 index 可以得到列数。实例演示如下:
1、HTML结构
<table id = "test">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
2、jquery代码
$(function(){
$("table td")click(function() {
var row = $(this)parent()index() + 1; // 行位置
var col = $(this)index() + 1; // 列位置
alert("当前位置:第"+row+"行,第"+col+"列")
});
$(selector)each(function(index,element))
index - 选择器的 index 位置
element - 当前的元素(也可使用 "this" 选择器)
以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容,包括:jquery 怎么获取当前点击class 是第几个、jquery如何获取取元素序号,例如一个有N行的table,点击其中的一行,获取到它的行号。、jquery怎么获取表格的行列等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)