开发者社区> 技术小胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介:
+关注继续查看

原生的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,如需转载请自行联系原作者




版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
循环遍历获取table中的td,tr
html中获取table的td,tr数据
0 0
td标签不用tr强制换行
废话不多说,直接上代码。
0 0
jquery获取table,遍历输出tr中各个td的内容(转载)
首先,依赖jquery.. 1 $('#btntb').click(function(){ 2 $('#tab tr').each(function(i){ // 遍历 tr 3 $(this).children('td').each(function(j){ // 遍历 tr 的各个 td 4 alert("第"+(i+1)+"行,第"+(j+1)+"个td的值:"+$(this).text()+"。
1151 0
tr使用
tr用来从标准输入中通过替换或删除操作进行字符转换。tr主要用于删除文件中控制字符或进行字符转换。 tr中特定控制字符的不同表达方式 速记符        含义                       八进制方式 \a       Ctrl-G铃声                \007 ...
470 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载