js&jquery获取指定table指定行里面的内容

CreateTime--2018年5月18日11:46:04

Author:Marydon

1.展示

  代码展示

 <table style="border:0;">
<tr><td style="border:0;">test</td></tr>
</table>
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
<td>第一行第四列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td><input type="text" value="2-1"/></td>
<td><input type="text" value="2-2"/></td>
<td><input type="text" value="2-3"/></td>
</tr>
<tr>
<td>第三行第一列</td>
<td><input type="text" value="3-1"/></td>
<td><input type="text" value="3-2"/></td>
<td><input type="text" value="3-3"/></td>
</tr>
</table>

  页面展示

  说明:test也是一个table

2.实现

  举例:获取第二个table第二行里面所有的文本框

 $(function(){
$("table:eq(1) tr:eq(1) input:text").each(function(){
console.log($(this).val());
});
});

3.拓展

  需求:

  为table中的每个文本框,添加name属性;
  name命名规则:该文本框所在单元格的所在行的行名称+"_"+"列名称"+"_"+列数

  实现:2种方式

  

$(function(){

    // 获取第二个table的所有行对象
var table2_rows = document.getElementsByTagName("table")[1].rows;
// 获取第二个table的所有行数
var table2_rows_length = table2_rows.length;
// 获取第一行所有的列数据
var table2_rows1_columns_array = [];
// 获取第一行所有的列对象,注意:返回的不是一个数组
var table2_rows1_columns = table2_rows[0].cells;
// 对第一行进行遍历
for (var i = 0; i < table2_rows1_columns.length; i++) {
// 将该单元格的文本信息放到数据中
table2_rows1_columns_array.push(table2_rows1_columns[i].innerText);
} // 当前行的第一列名称
var table2_rows_column1 = ""; // 方式一
// 去除第一行
/*for(var i= 1; i < table2_rows_length; i++) {
// 错误用法:$(table2_rows[i] + " td").each(){}
$(table2_rows[i]).children("td").each(function(index,tdObj) {
var index_td = index;
// 取当前行的第一列
if (0 == index_td) {
table2_rows_column1 = $(tdObj).text();
}
// 获取当前单元格内的所有文本框
$(tdObj).children(":text").each(function() {
$(this)[0].name = table2_rows_column1 + "_" + table2_rows1_columns_array[index_td] + "_" + index_td;
});
});
}*/ // 方式二
// 去除第一行
$("table:eq(1) tr:gt(0)").each(function(index,trObj){
// 获取当前行的所有td对象
// 错误用法:$(trObj + " td")
$(trObj).children("td").each(function(index, tdObj){
var index_td = index;
// 取当前行的第一列
if (0 == index_td) {
table2_rows_column1 = $(tdObj).text();
}
// 获取当前单元格内的所有文本框
$(tdObj).children("input:text").each(function(index, inputObj){
$(inputObj)[0].name = table2_rows_column1 + "_" + table2_rows1_columns_array[index_td] + "_" + index_td;
});
}); });
});

相关推荐:

 

js&jquery获取指定table指定行里面的内容的更多相关文章

  1. js中获取URL中指定的查询字符串

    js中获取URL中指定的搜索字符串,主要利用location对象实现,废话少说,上代码. function getSearchString(key) { // 获取URL中?之后的字符 var str ...

  2. js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值

    js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...

  3. js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)

     原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲 获取input框中type= ...

  4. Js/Jquery获取iframe中的元素

    转载: Js/Jquery获取iframe中的元素 - - ITeye技术网站http://java-my-life.iteye.com/blog/1275205 在web开发中,经常会用到ifram ...

  5. js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) ...

  6. js&jquery 获取select下拉框的值、文本内容、自定义属性

      js&jquery 获取select下拉框的值.文本内容.自定义属性 CreationTime--2018年7月2日09点22分 Author:Marydon html <selec ...

  7. JavaScript or jQuery 获取option value值 以及文本内容的方法

    1.html <div class="form-group"> <label>保险公司</label> <select class=&qu ...

  8. 转载: js jquery 获取当前页面的url,获取frameset中指定的页面的url(有修改)

    转载网址:http://blog.csdn.net/bestlxm/article/details/6800077 js jquery 怎么获取当前页面的url,获取frameset中指定的页面的ur ...

  9. 使用JS,获取URL中指定参数的值

    /** * 获取URL中指定参数的值 * * @param name 参数名称 * @returns */ function getQueryString(name) { var reg = new ...

随机推荐

  1. zend studio10 创建重复project from remote server

    zend studio10创建重复project from remote server [本地远程到dev服务器]1.删掉已存在project隐藏文件.project .build2.如果zend10 ...

  2. JSONObject 和 JSONArray 的区别和用法

    JSONObject 和 JSONArray 的数据表现形式不同: JSONObject的数据是用 {  } 来表示的,例如: { "id" : "1", &q ...

  3. noip2009最优贸易

    试题描述 C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个城市之间最多只有一条道路直接相连.这 m 条道路中有一部分为单向通行的道路,一部分为双向通行的道路,双 ...

  4. 測试oracle 11g cluster 中OLR的重要性

     測试oracle 11g cluster 中OLR的重要性 called an Oracle Local Registry (OLR): each node in a cluster has a ...

  5. POJ2352【树状数组】

    个人NO.1 一开始题意理解有错. 一星星左下边有N颗星星,那它的等级就是N. 一开始理解必须X,Y两个坐标都小于,后来根据样例看了一下只要左下方即可,X,Y坐标都小于等于即可,但不包括星星本身. # ...

  6. Qt Creator的下载、安装及试用

    1.试用环境及版本介绍:本文介绍的是windows桌面平台下使用Qt4.7.2和Qt Creator2.1.0,其他操作系统和版本在阅读时请留意. 2.下载: 从http://get.qt.nokia ...

  7. 破解windows下MySQL服务启动不了的情况下不能对其进行全然卸载的解决方式

    下面的文章主要介绍的是在MySQL服务启动不了的情况下,不能对其进行全然卸载的实际解决的方法的描写叙述,下面就是对解决MySQL服务启动不了的情况下详细方案的描写叙述,希望在你今后的学习中会对你有所帮 ...

  8. 《C++反汇编与逆向分析技术揭秘》之11——虚函数

    虚函数的机制 当类中定义有虚函数时,编译器会将该类中所有虚函数的首地址保存在一张地址表中,这张表被称为虚函数地址表.编译器还会在类中添加一个虚表指针. 举例: CVirtual类的构造函数中没有进行任 ...

  9. 如何从MATLAB里面保存出分辨率高的图形

    MATLAB堪称科技工作者的倚天屠龙,其科学计算,简洁的编程风格,友好的图形界面等等,都使得它颇受欢迎.MATLAB作图相当简单,而且美观,但是,缺点是分辨率低,一直没有发现,直到最近一期刊编辑告诉我 ...

  10. Dockerfile命令

    Dockerfile分基础镜像信息.维护者信息.镜像操作指令.容器启动时执行指令 FROM 镜像名:标签 第一条指令必须时FROM MAINTAINER 维护者信息 RUN command或者RUN ...