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+"列")
});
});
3、效果演示
可以用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通过类选择器捕获click事件获取当前点击对象的id的实例代码：
<script>
$(function () {
$("test")click(function () {
var val=$(this)attr("id");
alert(val);
})
})
</script>
</head>
<body>
<a id="user" class="test" href="#">User</a>
</body>
扩展资料：
JQuery通过ID选择器捕获click事件获取当前点击对象的id的实例代码：
<script>
$("#student")click(function () {
var val=$(this)attr("name");
alert(val);
})
</script>
</head>
<body>
<a id="student" name="Tom" href="#">Student</a>
</body>
JQuery通过元素选择器捕获click事件获取当前点击对象的id的实例代码：
<script>
$("input")click(function () {
var val=$(this)val();
alert(val)
})
</script>
</head>
<body>
<input id="btn" type="button" name="ok" value="Hello" />
</body>
Ajax异步，根据每一行表格获取当前表格行内的某一个变量例如：
<td id="user_"$id> $id就是当前用户的id值，这样你点击之后获取当前行的id标示，利用php查询当前id的具体信息就行
<script>
$(function(){
var str = $("li a")text();
});
</script>
上面程序里的 str 就等于li里面a的值 也就是“一级菜单”
jquery里面的text()可以获取标签的值，同样也可以改变标签的值
比如：<li id="a_1">一级菜单</li>
$("#a_1")text("二级菜单");
这个时候li标签里面的值就变为“二级菜单”了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
一、如果是同级（兄弟元素）的，如：
<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如何获得表格所在的行数和列数全部的内容，包括:jquery如何获得表格所在的行数和列数、jquery如何获取取元素序号，例如一个有N行的table，点击其中的一行，获取到它的行号。、JQuery通过类选择器捕获click事件获取当前点击对象的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）