jQuery獲取table行數並輸出單元格內容的實現方法

時間 2019-12-09

標籤 jquery 獲取 table 行數輸出單元格內容實現方法欄目 JQuery 简体版

原文原文鏈接

這篇文章主要介紹了jQuery獲取table行數並輸出單元格內容的實現方法,涉及jQuery針對表格與頁面元素的動態操做技巧,須要的朋友能夠參考下javascript

本文實例講述了jQuery獲取table行數並輸出單元格內容。分享給你們供你們參考，具體以下：html

js部分：java

?jquery

1測試

2動畫

3this

4spa

5.net

6插件

<script language="javascript" type="text/javascript">

$(function() {

$("#txtInput").attr("value", "90");

var v_temp = $("#lblMessage").text();

//alert(v_temp);

$("#txtInput01").attr("value", v_temp);

$("#div1").removeClass("div1");

$("#div1").addClass("divtest");

var flog = $("#div1").hasClass("divtest");

$("#div1").html("<input type='button' id='id123' style='width:100px; height:150px'>");

var t01 = $("#table01 tr").length;

alert(t01);

$("#table01").find("td").each(function(i) {

var t = $(this).text();

alert(t);

})

});

</script>

HTML部分：

<form id="form1" runat="server">

<div>

<input type="text" id="txtInput" runat="server" style=" font:" />

<br/>

<asp:Label ID="lblMessage" Text="我在測試" runat="server"></asp:Label>

<br/>

<input type="text" id="txtInput01" runat="server" />

<br />

<asp:TextBox ID="TextBox1" runat="server" Width="156px"></asp:TextBox>

<input type="button" onclick="createXMLHttpRequest()" />

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

</div>

<table id="table01" border="1px"><tr>

<td>11</td><td>11</td></tr>

<tr><td>22</td><td>22</td></tr>

<tr><td>33</td><td>33</td></tr>

<tr><td>44</td><td>44</td></tr>

<tr><td>55</td><td>55</td></tr></table>

<div id="div1" class="div1">

</div>

</form>

更多關於jQuery相關內容感興趣的讀者可查看本站專題：《jQuery表格(table)操做技巧彙總》、《jQuery操做DOM節點方法總結》、《jQuery擴展技巧總結》、《jQuery經常使用插件及用法總結》、《jQuery拖拽特效與技巧總結》、《jquery中Ajax用法總結》、《jQuery常見經典特效彙總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。