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+"列")
});
一般都会在后台获得,比如这个表格的数据是用$list这个变量存储的,$list中每个元素都有id date title file四个字段,checkbox的name是id,现在写一个js方法用来将选中的复选框传到后台,需要使用一个按钮触发下面的方法
function fun(){
var arr = new Array();
$(":checked")each(function(){
arr[] = $(this)attr("name");
});
//然后用任意方法将arr传到后台
}
在后台根据传回来的id在$list中获得要你想要的数据。
上面是我觉得最简单的方法。
下面还有一个在页面里获得你要的数据的方法
将每一行数据都写在同一个div里,根据复选框的标示获得对应div内的数据
<div name=“id”>数据, (最后一列)<input type="checkbox" name="id" /></div>
<script>
function fun(){
var arr = new Array();
var name = '';
$(":checked")each(function(){
name = $(this)attr("name");
arr[] = $("div[name=" + name + "]")html();
});
}
</script>
已经写好,亲测可用
<html><head>
<meta charset="utf-8">
<title>Index</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href=">
Jquery获取 check所有选中的值
var pausedCause = '';
$(":checkbox[name='pausedCause'][checked]")each(function(){
pausedCause += thisvalue + ',';
})
pausedCause = pausedCausesubstring(0,pausedCauselength-1);
$("td")each(function(){ //遍历每一个td
if($(this)text() == "5" || $(this)text() == "6" ) { //如果这个td的文本值是5或6
alert($(this)text()); //那就执行这里
}
});
以上就是关于jquery怎么获取表格的行列全部的内容,包括:jquery怎么获取表格的行列、用jquery怎么获取表格中的一行内容、用jquery读取table的某一行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)