css的选择器 nth-child(N) 用于匹配属于其父元素的第 N 个子元素，因此获取table的某列可用如下核心代码
$("table tr")find("td:nth-child(n)"); // 获取table所有行第一列实例演示：点击按钮获取第一列中含有字符1的行标
创建Html元素
<div class="box"><span>点击按钮获取第一列中含有字符1的行标：</span><br>
<div class="content">
<table class="test">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>71</td><td>8</td><td>9</td></tr>
</table>
</div>
<input type="button" value="获取第一列含有字符1的行">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
编写jquery代码
$(function(){$("input:button")click(function() {
num = $("tabletest tr")find("td:nth-child(1)")map(function(index, elem) {
return $(elem)html()indexOf("1")>=0 index+1 : null;
})get()join(',');
alert("第一列中包含字符1的行为："+num);
});
});
观察效果
这只是其中一种做法，方法还有很多，楼上两位的也可以。
主要是看怎么拼的好。
var aaa="";
jQuery("#table tr")each(function (i){//循环行
if(i==jQuery("#table tr")length-1)//判断最后一行
{
aaa+=jQuery("#table tr input")val();
}
else{
aaa+= jQuery("#table tr:eq("+i+") select")val()+":";//取到每行下拉框的值
jQuery("#table tr:eq("+i+") input[type=text]")each(function (){
aaa+=thisvalue+",";
});
aaa+="--";//此行结束
}
});
<table border="1" cellspacing="0" id="mytable">
<thead>
<caption>统计表</caption>
</thead>
<tbody>
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>男</td>
<td>22</td>
<td>北京</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>男</td>
<td>23</td>
<td>上海</td>
</tr>
<tr>
<td>3</td>
<td>王燕</td>
<td>女</td>
<td>21</td>
<td>广东</td>
</tr>
<tr>
<td>4</td>
<td>王伟</td>
<td>男</td>
<td>20</td>
<td>陕西</td>
</tr>
<tr>
<td>5</td>
<td>张娟</td>
<td>女</td>
<td>23</td>
<td>重庆</td>
</tr>
</tbody>
</table>
<script>
$(function(){
var name=$("#mytable tr>td:nth-child(2)")text();
var age=$("#mytable tr>td:nth-child(3)")text();
alert(name);
alert(age);
});
</script>
请参考已存在的帖子
一般这种取值你可以给INPUT加上一个自定义属性如
(''+'
');
去的时候直接是
$("input[tdindex='3']")eq(0)val();
//
tdindex属性就是自定义的属性，可任意取，这边可以理解成第3列的input元素。
参考代码自己改改，用了jQuery
<!doctype html><html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src=">
以上就是关于jquery 怎样获得table里某列的值全部的内容，包括:jquery 怎样获得table里某列的值、jquery循环获取table中select ,input的值，要求一行一行的读取组织成字符串 求代码解决、jquery怎么获取table中的某个td的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）