table新增一行并循环获取table内值

简单介绍

table新增一行，并获取table标签中所有td的值，通过js将其组装成json格式传给后端存储数据库。

实际操作

1、首先需要在页面html创建talbe标签内容，定义th标题

2、给包含td的tr增加一个属性，例如：type="subdata"

3、在table标签下增加一个按钮，并给其增加一个click事件

html内容

4、在js文件中进行click事件内容的编写，按照th标题数量进行td的拼接，也增加了一个删除行功能

js内容

5、js使用each来进行table的遍历，并组装成json格式数据

js内容

6、使用post方式传给后端进行解析存储数据库中

原文地址：https://www.cnblogs.com/April-Chou-HelloWorld/p/9278227.html

时间： 2024-08-29 16:46:35

table新增一行并循环获取table内值的相关文章

jquery table新增一行，并且绑定时间事件（My97）

废话不多说,先上code 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <meta charset="utf-8" /> 7 <link href=&

JS table新增一行的时候 如何在新增的这一行把样式也加进去 例如变成&lt;tr class=&quot;trd0&quot;&gt;

JS table新增一行的时候 如何在新增的这一行把样式也加进去 例如变成<tr class="trd0">5 JS: var tab = document.getElementById("tab"); var newTr = tab.insertRow(-1); newTr.id = "tr_" + trId; var newTdContent = newTr.insertCell(1); //第一列 var newTdCaoZuo

WebDriver获取table的内容(通过动态获取Table单元格的TagName对其innerHTML值进行获取)

import java.util.ArrayList;import java.util.Iterator;import java.util.LinkedHashMap;import java.util.List;import java.util.Map;import java.util.Map.Entry;import org.openqa.selenium.By;import org.openqa.selenium.JavascriptExecutor;import org.openqa.se

JS循环获取input的值

遍历class为input-text的文本框,获取值 $(".input-text").each(function(){ vals+=$(this).val()+','; }); 当然获取具有相同class的也可试用.jquery的各种选择器都是可用的.

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

web开发学习笔记（4）：js获取table的行数和表格中某一行某一列的内容

table的id="tab" 一.获取table的行数 var count=document.getElementById("tab").rows.length; 二.获取第i行第j列的内容(方式不止三种,根据实际情况选择,比较推荐方式一) 方式一: <pre name="code" class="html"><strong>var title=tab.rows[i].cells[j].children

selenium 获取table数据

public class Table { /** * @param args */ public static void main(String[] args) { // TODO Auto-generated method stub WebDriver driver = ExplorerBase.IESetting(); String url = "http://zs.njust.edu.cn/newzs/news/zhxw/20140710151805.htm"; driver.m

jQuery获取Table某列的值

在写此篇博文时,发现在以前曾写过<获取DataTable选择第一行某一列值>http://www.cnblogs.com/insus/p/5434062.html . 但是与此篇所说的完全不一样.这篇Insus.NET需要的是jQuery去获取html table的某一行某一列的数据. 如下表: Html code: <table> <tr> <th style="width:10px;"><input id="Selec

获取table表格指定列的所有单元格的内容

获取table表格指定列的所有单元格的内容:本章节介绍一下如何获取表格指定列的所有单元格的内容,这可能在一些应用或者说扩展应用中会需要.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <titl