获取表格里面的tr 的第二个td
2017-04-24 19:59
330 查看
原生的js(javaScript)一般较复杂。
所以我们应尽量采用jQuery,因为几乎所有的项目中都引入了jQuery的资源的。
======如何在前台JS判断传的参数是否为空====
=====原生JavaScript获取表格,然后获取除第一行外所有的tr,然后获取tr里面的第二个td。=========
======jQuery 获取表格里面的tr,然后获取td节点======
1、HTML结构
2、jquery代码
第一种写法:
第二种写法:
所以我们应尽量采用jQuery,因为几乎所有的项目中都引入了jQuery的资源的。
======如何在前台JS判断传的参数是否为空====
function test(){ if(id!=0&&!id){ alert('id是空值'); } }
=====原生JavaScript获取表格,然后获取除第一行外所有的tr,然后获取tr里面的第二个td。=========
onCheckAll: function () { //全选 var table = document.getElementById("tb_table");//获取第一个表格 var array = table.getElementsByTagName("tr");//所有tr for(var i = 1; i < array.length; i++) { var id = array[i].children; //第二个td var idtext = id[1].innerHTML;//获取值 if(i == 1){ $('#selectIds').val($('#selectIds').val() + "" + idtext); }else{ $('#selectIds').val($('#selectIds').val() + "," + idtext); } } }
======jQuery 获取表格里面的tr,然后获取td节点======
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> </table> <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'); }); });
第二种写法:
$("#test tr td:eq(2)")
相关文章推荐
- 用jquery获取tbody下的第一个tr的最后一个td里面的第一个a标签
- 表格获取tr下的所有td
- jquery 对table的一些操作 怎么获取tr下的第二个td元素?
- 【JavaScript】table里面点击某td获取同一行tr的其他td值
- HTML中表格元素TABLE,TR,TD及属性的语法
- jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格
- jQuery无任何标示获取td在表格中的行数和列数
- 用jquery 获取一个表格里面第3行第4列的值!
- 事件代理中表格tr的获取问题??
- js 获取table tr td内的select 和input text
- 表格划过变色之tr:hover无效,td:hover有效解决方法
- 遍历表格中的tr与td,控件
- js使用for循环与innerHTML获取选中tr下td值
- Jquery 获取tr并更改td内容
- Javascript 动态添加表格行(Tr),表格单元(Td) By shawl.qiu 2007-9-7
- jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格
- 动态获取表格的td 然后设置为空
- javascript获取表格 td 中的内容
- 当td没有任何标示时,在jQuery中实现获取其在表格中的行和列:
- js中获取 table节点各tr及td的内容方法