2013-10-25 37 views
-1

我需要獲取所有表值並將它們發送到我的控制器進行處理!獲取HTML表格值。用Ajax發送它們

這裏是我的表:

<table id="test"> 
    <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    </tr> 
    <tr> 
    <td>4</td> 
    <td>6</td> 
    <td>7</td> 
    </tr> 
</table> 

我怎樣才能在得到這6個值數組,並與阿賈克斯將它們發送到我的腳本進行處理?

編輯:東西時,形式與AJAX使用提交的數據,如:

serialize("#form") 
+0

從表創建json並用a發送它jax作爲參數 –

+0

看看http://api.jquery.com/each/ – MisterBla

回答

2
var values = $('#test td') // Find all <td> elements inside of an element with id "test". 
    .map(function(i, e){ // Transform all found elements to a list of jQuery objects... 
     return e.innerText; // ... using the element's innerText property as the value. 
    }) 
    .get();     // In the end, unwrap the list of jQuery objects into a simple array. 

Working fiddle here.


ES6使這一個看起來多一點優雅:

let values = $('#test td') 
    .map((index, element) => element.innerText) 
    .get(); 
+0

Thx,怪物! – Cardiner

+0

@vzwick:如果你能解釋,會很棒。謝謝。雖然美麗的答案。 –

+1

@AayushKumarSingha - 增加了一些評論。這有幫助嗎? – vzwick

相關問題