jquery获取表格选中行的值

html:

<td id="ctId" onclick="test(this)">ctId</td>

js:

function test(obj){

var v = $(obj)html();

alert(v);

}

一共有两种方式获取：

1当你点击添加按钮的时候。直接从后面取出表格和数据。下面付ajax方法。

2把你的数据保存在隐藏表单中，点击添加按钮的时候在从隐藏表单中把数据取出来添加到表格中。

$ajax({

type: "get",

cache:false,//设置缓存为FALSE

url: url//须要处理的后台页面

beforeSend: function(XML>

$("#maintable td")click(function(){

var row = $(this)parent("tr")prevAll()length+1;

var colum = $(this)prevAll()length+1;

alert('选中的是第'+row+'行，第'+colum+'列。');

$(this)parent("tr")attr("style","background-color:#FF0000");

});

<table class="table table-hover" id="test123">

<tr>

<th width="45">选择</th>

<th width="100">驾校名称</th>

<th width="100">合作驾校名称</th>

<th width="100">申请时间</th>

<th width="100">申请状态</th>

<th width="100"> *** 作</th>

</tr>

<tr>

<td><input type="checkbox" name="id" value="1" /></td>

<td>中大驾校</td>

<td>潇湘驾校</td>

<td>2016-04-15 14:40:20</td>

<td class="tablestate">未处理</td>

<td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>

</tr>

<tr>

<td><input type="checkbox" name="id" value="1" /></td>

<td>中大驾校</td>

<td>潇湘驾校</td>

<td>2016-04-15 14:40:20</td>

<td class="tablestate">未处理</td>

<td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>

</tr>

</table>

扩展资料：

遍历同胞：

siblings（）：被选中时找到自己的兄弟姐妹，写法有siblings（所有的兄弟姐妹）和siblings（“同级的兄弟姐妹”）。

next（）：被选中时找到自己的下级，写法有   nextAll（找到所有的下级）和next（“找到下一个元素”）和nextuntil（"被选中的元素的范围内的元素"）。

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞元素向后遍历，而不是向前）。

first（）：返回被选中的第一元素  ，写法 $("div p")first()css("样式") 。

last（）：被选中的最后一个元素，写法 $("div p")last()css(”样式“) 。

eq（）：返回被选中元素中有索引的元素，索引号，是从0开始不是从1开始比如treq(0)id ==dataeq[i-1]id 或者 tr[0]id = data[i-1]id。        

filter（）：删除真正意义上的过滤，写法  $("div ")filter("span")hide() 。

not（）：就是跟filter（）相反的用法。

这个应该很简单啊。

var tds = $("#btSave tr td");

for(var i=0;i<tdslength;i++){

alert($(tds[i])text());

}

这样就可以得到所有行中列的值了。不行再找我！

提供你2中思路，具体代码就不写了

生成表的时候给修改链接一个id，id保存当前行的主键比如id="tid"+主键，为它添加onclick方法，

var id=thisidreplace("tid",""); 获取到主键

把主键拿到数据库中查到相应的数据行，赋值给表单，完成！

var parents=$(this)parent()parent();  获得tabel行

$(parents)find("td")each(function(){

根据列的顺序赋值给相应的表单元素

})

这个方法有局限性，数据是从当前页面中取得并不是实时读取数据库，如果数据在他处有更改是取不到最新的数据的。

以上就是关于jquery获取表格选中行的值全部的内容，包括:jquery获取表格选中行的值、jquery给表格动态添加删除行后如何获取数据、jquery 选择表格中的一行等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！