本文執行個體講述了jQuery實現擷取table表格第一列值的方法。分享給大家供大家參考，具體如下：
先來看看運行效果截圖：
完整代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ><html xmlns="http://www.w3.org/1999/xhtml" ><head><title>無標題頁</title><script src="jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){ $("#Button1").click(function(){ var cols=""; $("#tb tr").each(function(){ var text = $(this).children("td:first").text(); cols+=text+"|"; }) cols=cols.length>0?cols.substring(0,cols.length-1):""; alert(cols); })})</script></head><body> <input id="Button1" type="button" value="button" /> <table id="tab1" border="1" style="width:100%;"> <tr> <th>Id</th> <th>Name</th> <th>Address</th> </tr> <tbody id="tb"> <tr> <td>11</td> <td>leaf</td> <td>gz</td> </tr> <tr> <td>22</td> <td>flower</td> <td>gz</td> </tr> </tbody> </table></body></html>
更多關於jQuery相關內容感興趣的讀者可查看本站專題：《jQuery拖拽特效與技巧總結》、《jQuery擴充技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選取器用法總結》及《jQuery常用外掛程式及用法總結》
希望本文所述對大家jQuery程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
