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

原生的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)")

转载于:https://blog.51cto.com/jianboli/1918977