獲取table表格指定列的所有單元格的內容:本章節介紹一下如何獲取表格指定列的所有單元格的內容，這可能在一些應用或者說擴展應用中會需要。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author"
獲取table表格指定列的所有單元格的內容:
本章節介紹一下如何獲取表格指定列的所有單元格的內容，這可能在一些應用或者說擴展應用中會需要。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #show{ width:250px; height:30px; font-size:12px; color:red; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $("#tb tbody tr").each(function(i){ $("#show").text($("#show").text()+$(this).children("td:eq(1)").text()+"、") }); }) </script> </head> <body> <div id="show"></div> <table id="tb"> <tbody> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> <tr> <td>螞蟻部落四</td> <td>螞蟻部落五</td> <td>螞蟻部落六</td> </tr> <tr> <td>螞蟻部落七</td> <td>螞蟻部落八</td> <td>螞蟻部落九</td> </tr> </tbody> </table> </body> </html>
以上代碼實現實現了我們的要求，可以獲取第二個列的所有單元格的內容，下麵介紹一下實現過程。
一.實現原理:
遍歷表格中的每一行，然後找出每一行中屬於第二列的單元格即可，然後將其中的內容追加到div中。
二.代碼註釋:
1.$(function(){})，當文檔結構完全載入完畢再去執行函數中的代碼。
2.$("#tb tbody tr").each(function(i){})，使用each函數遍歷表格中的每一個行。
3.$("#show").text($("#show").text()+$(this).children("td:eq(1)").text()+"、")，$(this).children("td:eq(1)").text()獲取當前行中第二個單元格的文本，也就是第二個列單元格的文本內容。
三.相關閱讀:
1.each()函數可以參閱jQuery的each()方法一章節。
2.text()函數可以參閱jQuery的text()方法一章節。
3.children()函數可以參閱jQuery的children()方法一章節。
4.:eq()可以參閱jQuery的:eq()選擇器一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13688
更多內容可以參閱:http://www.softwhy.com/jquery/
