您的位置:首页 > Web前端 > JavaScript

获取表格里面的tr 的第二个td

2017-04-24 19:59 330 查看
原生的js(javaScript)一般较复杂。
所以我们应尽量采用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)")
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js 获取tr