JQuery 獲取表格中的數據
舉個例子
var arr = $(‘#table tbody tr td:nth-child(2)‘) //根據id依次找到表格中的td,而後取每列的第二個值
.map(function () { return $(this).text() }) // 使用 map 對每一個 td 進行處理,function為回調函數,返回每個元素的text
.get(); // 將對象集合轉換為數組
另外還可以在後面.join(",") 這將轉換成字符串。
jQuery下有個概念叫“類數組”,比如$( " li " ),當取到一個集合的時候,會有數組的一些屬性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()
要註意var a=$( "li" ).get(1)裏頭加序列號可以取到單個元素,這些元素的性質不是jQuery對象,而是Js對象,所以不可直接用jQuery方法。
map()的功能主要有兩步,第一步就是遍歷,第二步就是替換。
$( " li " ).map( function( ){
return $(this).text( ); // 註意return關鍵字不可少
} )
map先遍歷,每一項都返回一個text()值,然後map會將這些值自動去替換$("li")集合的每一項值,所以這個時候還是個類數組(因為還是$(" li ")的殼子),不是個真正的數組。於是後面加個get()操作就變成真正的數組了,於是可以用join()這樣專屬於數組的方法。
如:
$( " li " ).map( function( ){
return $(this).text( );
} ).get( ).join("%") // 拼接成字符串,中間用“%”隔開
nth-child(2) 選取第幾個標簽,裏面的數字可以是你想要的
nth-child(n+4) 選取大於等於4標簽,“n”表示從整數
nth-child(-n+4)選取小於等於4標簽
nth-child(2n)選取偶數標簽,2n也可以是even
nth-child(2n-1)選取奇數標簽,2n-1可以是odd
nth-child(3n+1)自定義選取標簽,3n+1表示“隔二取一”
last-child選取最後一個標簽,同first-child
nth-last-child(3)選取倒數第幾個標簽,3表示選取第3個
JQuery 獲取表格中的數據