如何使用jQuery來遍歷錶行內的所有表單元素？

Question

如何獲取表格行內的所有表單元素？每行可以有許多tds，每個td有許多輸入或選擇元素。

請幫忙。

Answer 1

你應該能夠做到這一點：

$('#myTableRow').find('input, select, textarea').each(function() 
{ 
}); 

Answer 2

我建議：

$('table input, table textarea, table select').each(function() { ... }); 

Answer 3

試試這個 -

$("table tr :input").each(function() { 
    //your logic here 
    //alert(this.tagName) 
}) 

工作演示 - http://jsfiddle.net/ipr101/qMS7P/

Answer 4

對於表你可以選擇行ECT所有輸入這樣的：

var myInputFields = $("#myTable tr input[type='text']"); 

這將只選擇輸入，無論有多少個層次進深一間錶行 - 這樣你就可以擁有已DIV> S，P>和其他的東西纏行輸入>秒。

您可以使用jQuery.each或簡單的i = 0-> myInputFields.length循環所有輸入字段。

myInputFields.each(function(i,v){ 
    var v = $(v); 
    console.debug(v.html(),v.val()); 
}); 

您可以像simoncereska的答案中的示例一樣簡單地擴展選擇器以獲取更多輸入/ textareas等。

Answer 5

如果你想在一個特定的行輸入：

HTML

<table> 
    <tr id="the_row"> 
    <td><input type="text" value="1"/></td> 
    <td><input type="text" value="2"/></td> 
    </tr> 
    <tr> 
    <td><input type="text" value="3"/></td> 
    <td><input type="text" value="4"/></td> 
    </tr> 
</table> 

的Javascript

$("#the_row :input").each(function() { 
    console.log(this.value); 
}); 

（注：:input選擇匹配所有input，select， textarea和button種元素）

DEMO：http://jsfiddle.net/WuamV/