jquery怎么获取表格的行列

jquery怎么获取表格的行列,第1张

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的某一行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9755251.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存