原生的js（javaScript）一般较复杂。
所以我们应尽量采用jQuery，因为几乎所有的项目中都引入了jQuery的资源的。
======如何在前台JS判断传的参数是否为空====
|
1
2
3
4
5
|
function test(){
if
(id!=
0
&&!id){
alert(
'id是空值'
);
}
}
|
=====原生JavaScript获取表格，然后获取除第一行外所有的tr，然后获取tr里面的第二个td。=========
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
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结构
|
1
2
3
4
5
6
7
|
<
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代码
第一种写法：
|
1
2
3
4
5
6
7
8
|
$(function(){
$("#btn").click(function() {
$("#test tr td:nth-child(2)").addClass('red');
});
$("#test tr").click(function() {
$(this).children('td').eq(1).addClass('red');
});
});
|
第二种写法：
|
1
|
$("#test tr td:eq(2)")
|
本文转自建波李 51CTO博客，原文链接：http://blog.51cto.com/jianboli/1918977，如需转载请自行联系原作者
