jquery input 要素取得

質問

失礼します。現在テーブルに記載されているテキストとinputの要素を取得して配列に格納したいのですが、input要素を取得できません

ソースコードはこちらです。ご教授いただけますでしょうか。宜しくお願い致します。

<table id="tbl">
<tr>
<td>fdfasdf</td>
<td>hfadhfh</td>
<td><input type="number" name="number" min='0' max="30" value=""></td>
</tr>
<tr>
<td>hfdaha</td>
<td>hfdsahsa</td>
<td><input type="number" name="number" min='0' max="30" value=""></td>
</tr>
</tbody>
</table>

<script>
var data = [];
var tr = $("table tr");//全行を取得
for(var i=0, l=tr.length; i<l;i++ ){ //行数分回す
var nk = 0;
var cells = tr.eq(i).children();//1行目のtrの子要素は取得
for(var j=0, m=cells.length; j < m; j++ ){ //子要素分のcell分回す 0 < cell
if(typeof data[i] == "undefined"){ //typeof(型判定)
data[i] = []; //data[0]
}
if(nk < 2){
data[i][j] = cells.eq(j).text();//i行目j列の文字列を取得 data[0][0]
++nk;
}
data[i][j] = cells.eq(j).val();
}
}
</script>

回答No.1

t_ohta · ベストアンサー

どういう結果を理想とされているかイマイチ判らないのですが、こんな感じのイメージでしょうか。
==========
var data = [];
$("table tr").each(function(){
var subData = [];
$(this).children().each(function(){
if ($(this).children('input').length) {
subData.push($(this).children('input').val());
} else {
subData.push($(this).text());
}
});
data.push(subData);
});

お礼

まさに理想としていた内容です。
ありがとうございます。