使用jquery生成動態表格並選擇每行資料

阿新 • • 發佈：2019-01-20

1.test01.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test01.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/test01.js"></script>
</head>

<body>
	<div id="div1">
		<button class="btn">test</button>
		<div id="div2"></div>
		<div id="div3"></div>
	</div>
</body>
</html>

2.test01.js

$(function() {
	$
			.extend({
				hello : function(data) {
					// alert2(data);
//					alert("hello");
					$("#div3")
							.html(
									"<table><tr class='tc'><td>id</td><td>name</td></tr><tr  class='tc'><td>1</td><td>zhangsan</td></tr><tr class='tc'><td>2</td><td>lisi</td></tr></table>");

				},
				world:function(){
//					$(".tc").click(function(){
//						alert($(this).html());
//					});
					alert($(this).html());
				}
			});
	// var alert = function() {
	// document.write("yes");
	// };
	// var alert2 = new Function("document.write('no');document.write('no2');");
	$("#div1").on("click", ".btn", function() {
		var i = 1;
		i++;
		$("#div2").html("<button class='btn'>test2</button>");
		$.hello(i);
//		$("#div3")
//		.html(
//				"<table><tr class='tc'><td>id</td><td>name</td></tr><tr><td>1</td><td>zhangsan</td></tr><tr class='tc'><td>2</td><td>lisi</td></tr></table>");

		$("#div3").on("click",".tc", function(){
			alert( $(this).text() );
			});
	});
//	$("#div1").on("mouseover", "table tr", function() {
//		// $this=$(this);
//		// alert($this);
//		$.world();
//	});
//	$("table tr").click(function(){
//		alert($(this).html());
//	});
	
});

3.執行

使用jquery生成動態表格並選擇每行資料

1.test01.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <

jQuery獲取動態表格中checkbox被選中一行的屬性數據

jquery table tr 表格動態 http://www.jianshu.com/p/0ec66caf4c40 jQuery獲取表格中checkbox被選中一行的屬性數據jQuery獲取動態表格中checkbox被選中一行的屬性數據

cocos2d-x命令行生成項目並編譯運行

cocos2d-x命令行生成項目並編譯運cocos2d-x命令行生成項目並編譯運行

通過後臺SQL獲取分頁資料，在使用VUE-Element-Table 表格選擇多行資料時，怎樣在

在專案中，分頁是由後臺SQL獲取。在table表格多選時，容易把選中的值傳給後臺，但是怎樣在返回上一頁時怎樣記住表格多選的資料？？當返回第二頁時，應該把第一條資料再選中，保持選擇狀態。具體思路：在頁面不重新重新整理載入時，使用二維陣列儲存el-table表格多選結果。其中一維

動態新增、刪除每行 form 表單

效果圖：程式碼：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel=

jQuery+HTML動態表格的實現

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x

JS生成動態表格併為每個單元格新增單擊事件的方法

<html> <head> <title>Demo</title> <script> function getColumn

求100以內的素數的個數，並以每行顯示5個數的方式打印出來

首先我們瞭解素數的概念，質數（又稱素數），是指在大於1的自然數中，除了1和它本身外，不能被其他自然數整除（除0以外）的數稱之為素數（質數）。 #include <stdio.h> i

django 一鍵生成excel表格並下載到本地，並根據時間刪除檔案，上傳excel檔案

from django.http.response import HttpResponse, JsonResponse import datetime import os import xlwt import xlrd from django.http import Stre

求從2開始前50位素數，並按照每行十個來顯示。

class Test_Overload { public static void main (String [] args){ int NUMBER_OF_PRIME

jquery實現動態表格的數值相加

function getJobSum(){var tb=document.getElementById("t1");var JobSum=$("input[name=JobSum]");var JobScore=0;JobScore=Number(JobScore);for

SQL中根據行號設定每行資料的排序數值

根據行號自動把當前行號插入到某列中實現排序 update tempTable set DisplayOrder = right( CAST(rownum as NVARCHAR),5) from( &nb

【一步一步學習VBA】將Excel的每行資料匯出為txt文字

這裡我就直接上原始碼： Sub 匯出每行為txt() Dim i, j, arr(), brr(), myRow, myCol arr = Sheet1.UsedRange '將工作表的內容放入a

JS實現動態生成表格並提交表格數據向後端表格中數據轉為json

入參 blank wid 行編輯變量 ava 思路動態 color 原文地址需求：在web頁面上動態的生成表格，並可以對表格中的數據進行編輯，然後把表格中的數據提交至後端服務器保存。首先動態生成表格。 1.首先我們需要導入JS庫文件。jQuery 2.然後在頁面di

jquery動態表格，動態添加表格行

parent align seq alt 添加 tst log num ive 轉載收藏於：https://www.cnblogs.com/zhangqs008/archive/2013/05/09/3618459.html 效果圖： Html

jquery動態表格，動態新增表格行

轉載收藏於：https://www.cnblogs.com/zhangqs008/archive/2013/05/09/3618459.html 效果圖： Html： <html> <head&g

JS實現動態生成表格並提交表格資料向後端

本文例項介紹了JS實現動態生成表格並向後端提交表格資料的相關程式碼，分享給大家供大家參考，具體內容如下先來看一下需求：在web頁面上動態的生成表格，並可以對錶格中的資料進行編輯，然後把表格中的資料提交至後端伺服器儲存。那麼我們首先需要解決的是動態生成表格的問題

JQuery動態生成Table表格

http://www.cnblogs.com/scy251147/archive/2010/11/30/1892411.html 主要用到了JQuery中的append和appendto的方法,具體程式碼如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 1

利用freemarker 在模板裡面寫入動態資料，動態表格，圖片插入並生成word文件

利用freemarker 在模板裡面寫入動態資料，動態表格，圖片插入。以下測試程式碼圖片（image.jpg）和模板（template.xml）是直接放到src目錄下面的，可以根據自己需求調整廢話不多說，直接上程式碼：程式碼塊 impor

Js給表格每行動態新增input標籤

function InserTab() { var trLen = $("#tab1 tr").length; var rowT = "<tr><td><input type=text style='width:9

使用jquery生成動態表格並選擇每行資料

相關推薦