jquery 对table的一些操作
怎么获取tr下的第二个td元素？ - 星河赵 - 博客园
随笔 - 259, 文章 - 1, 评论 - 7, 引用 - 0
1、HTML结构
&table id = "test"&
&tr&&td&1&/td&&td&1&/td&&td&2&/td&&td&3&/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&
&input type="button" id="btn" value="设置"&
2、jquery代码
$(function(){
$("#btn").click(function() {
$("#test tr td:nth-child(2)").addClass('red');
$("#test tr").click(function() {
$(this).children('td').eq(1).addClass('red');
3、效果演示jquery遍历table的tr获取td的值实现方法
转载 &更新时间：日 16:12:56 & 投稿：jingxian
下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html代码：
&tbody id="history_income_list"&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&a class="" onclick="history_income_del(this);" href="###"&删除&/a&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&a class="" href="###"&删除&/a&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&input type="text" class="input-s input-w input-hs"&&/td&
&td align="center"&&a class="" href="###"&删除&/a&&/td&
var trList = $("#history_income_list").children("tr")
for (var i=0;i&trList.i++) {
var tdArr = trList.eq(i).find("td");
var history_income_type = tdArr.eq(0).find("input").val();//收入类别
var history_income_money = tdArr.eq(1).find("input").val();//收入金额
var history_income_remark = tdArr.eq(2).find("input").val();//
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
$("#history_income_list").find("tr").each(function(){
var tdArr = $(this).children();
var history_income_type = tdArr.eq(0).find("input").val();//收入类别
var history_income_money = tdArr.eq(1).find("input").val();//收入金额
var history_income_remark = tdArr.eq(2).find("input").val();//
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
以上这篇jquery遍历table的tr获取td的值实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具jquery 怎么获取tr下的第二个td元素？_百度知道
jquery 怎么获取tr下的第二个td元素？
有两种方法可以获取tr下的第二个td元素：1、使用css选择器，$(&tr td:nth-child(2)&)。2、使用遍历函数eq()。下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。
采纳率：100%
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。js或者jquery通过td获取到指定id值的td内的值，并改变所在的tr的样式_百度知道
js或者jquery通过td获取到指定id值的td内的值，并改变所在的tr的样式
如图1，请问怎么让td是id为exits中的值为1时，这个td所在的tr整行数据都加粗啊？
我有更好的答案
$(&td#exist&).each(function(i,dom){&&&&var&me&=&$(dom);&&&&if(/^\s*1\s*$/.test(me.text()){&&&&&&&&me.closest(&tr&).css({&&&&&&&&&&&&&font-weight:&:&&bolder&&&&&&&&&});&&&&}});
您好，，，不管用啊
，，还有别的办法么？
为您推荐：
其他类似问题
jquery的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。Jq通过td获取同行其它列td的方法
转载 &更新时间：日 19:49:56 & 投稿：jingxian
下面小编就为大家带来一篇Jq通过td获取同行其它列td的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
假设有如下样式表结构
在制表时,采取的 手把手教你在springMVC中不用框架写表格 这篇博客里面写的制表方法，如下所示
function refreshTable(objs){
$("#ObjTables").html("");
for(i in objs){
if(objs[i].obj_Type != "FRAME"){
$("#ObjTables").append("&tr&&td&"+objs[i].obj_Id+
"&/td&&td&"+objs[i].obj_Name+
"&/td&&td&"+objs[i].ziduan_Name+
"&/td&&td&"+objs[i].obj_Type+
"&/td&&tr&");
$("#ObjTables").append("&tr&&td&"+objs[i].obj_Id+
"&/td&&td&"+objs[i].obj_Name+
"&/td&&td&"+objs[i].ziduan_Name+
"&/td&&td id='12'&"+objs[i].obj_Type+"&button onclick='getFrameContent(this)' data-toggle='modal' data-target='#myModal' &+&/button&"+
"&/td&&tr&");
与之前博客写的不一样的地方在于,这里通过objs的obj_Type,进行了区别化的制表,然后,对于Type为FRAME的行,添加了button选项,来显示更多的表,即表中有表,这个功能后面有机会再介绍
getFrameContent(this)
当click这个button时,调用该方法
function getFrameContent(frameSelect){
//获取点击的一行tr
var tr = $(frameSelect).parent().parent();
//获取tr的所有td元素
&var b = a.children("td");
//取得第三列元素
&var c = b.eq(2);
//显示第三列的值
&var d= c.text();
这里函数里面为了演示,没有做具体操作,就是通过这几个语句获取到了点击的某一行第三列的值,其他列同理.
如果想获取其它行(一般很少有这种情况),就需要在第一句话
var tr = $(frameSelect).parent().parent().parent();
获取到table元素,或者直接用$("#XXX")也可以,但是这就和我们点击的某一个具体按钮没有直接关系了
最后，页面弹出效果
以上就是小编为大家带来的Jq通过td获取同行其它列td的方法全部内容了，希望大家多多支持脚本之家~
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具