jqueryを使用してテーブル行内のすべてのフォーム要素をループする方法はありますか？

Question

フォーム行のすべてのフォーム要素を取得するにはどうすればよいですか？各行は、各tdが任意の数の入力要素または選択要素を有する多数のtdsを有することができる。

助けてください。

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

をあなたが気づくことができる行電気ショック療法のようなすべての入力：

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

これはどのように多くのレベルの深テーブル行に関係なく、入力のみを選択しないだろう - そう、あなたがdiv>のS、P> Sと他のものを巻きつけた行を持つことができます入力> s。

i = 0-> myInputFields.lengthにjQuery.eachまたはsimpleを使用すると、すべての入力フィールドをループすることができます。

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

あなたはsimoncereskaの答えの例のように簡単に複数の入力/テキストエリアなどのためのセレクタを拡張することができます。

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/