javascriptを使用してセルから2番目の入力ボックスを選択する方法

Question

次の構造のテーブルがあります。私は、この行を繰り返すユーザーによって提供される入力に基づいて動的テーブルを生成しています。

私はこのテキストボックスの値を取得したいと私は.Iができ、正しい値を取得していますかどうかを確認するために、アラート入れています

if (row.getAttribute('val') === 'answer') { 
 
    var Cell = table.rows[i].cells[0]; 
 
    alert(Cell.innerHTML); 
 
}

<tr val='answer'> 
 
    <td> 
 
    <input type='checkbox' /> 
 
    <input style='width:483px' type='text' /> 
 
    </td> 
 
</tr>

下のコードを使用しようとしています警告メッセージの2つの入力を参照してください。JavaScriptのjqueryを使用しないテキストボックスの値を取得したい

Answer 1

querySelectorAllを使用してすべての行を選択し、ループを使用して次いで及びtype="text"

var rows = document.querySelectorAll('tr'); 
 
for (var i = 0; i < rows.length; i++) { 
 
    if (rows[i].getAttribute('val') == 'answer') { 
 
    var input = rows[i].querySelector('input[type="text"]'); 
 
    console.log(input.value); 
 
    } 
 
}

<table> 
 
    <tr val='answer'> 
 
    <td> 
 
     <input type='checkbox' /> 
 
     <input value="Some value" style='width:483px' type='text' /> 
 
    </td> 
 
    </tr> 
 
</table>