通過html表格循環訪問

Question

我有一個有表格和小表格的頁面。該表有一些關於問卷的數據。我試圖使用jquery來遍歷表格，檢查是否符合條件，然後將其添加到表單的正確字段。我遇到的問題是表單不是由我創建的，所以我不能匹配它們來設置id's。所以我需要從relate得到field_id，並且answer插入那location。我新來jquery和js。這是我想出的。

HTML

<div align="left"> 
    <table class="table table-striped"> 
     <thead> 
      <td>Question</td> 
      <td>Answer</td> 
      <td>Relates to</td> 
     </thead> 
     <tbody> 

      <tr> 
       <td>Random question 1</td> 
       <td>Random answer 1</td> 
       <td>add to variable form field</td> 
      </tr> 

      <tr> 
       <td>Random question 2</td> 
       <td>Random answer 2</td> 
       <td>add to a different form field</td> 
      </tr> 

     </tbody> 
    </table> 
    </div> 

    <input type="text" id="variable id that could be matched with element of table"> 

main.js

table.find('tr').each(function (i, el) { 
    var $mylists = $('#' + relate)  
    $mylists.html(''); 
    var $tds = $(this).find('td'), 
     label = $tds.eq(0).text(), 
     relate = $tds.eq(1).text(), 
     answer = $tds.eq(2).text(); 
    $('<span></span>').text(answer).appendTo($mylists); 
}); 

Answer 1

既然你要追加值，在一個單一的輸入，你需要設置輸入val。而且，由於您希望從多個其他值（答案）中創建單一輸入值，因此您需要循環，獲得所有答案，然後將它們合併爲一個值。類似這樣的：

var $mylists = $('#' + relate); 
$mylists.val(''); 
var answers = []; 
table.find('tr').each(function (i, el) { 
    var $tds = $(this).find('td'), 
     label = $tds.eq(0).text(), 
     relate = $tds.eq(1).text(), 
     answer = $tds.eq(2).text(); 
    answers.push(answer); 
}); 

// at this point, answers contains an array of all your individual answer values. 
// decision time: what do you want to do with them? 
// in this example, I join them together in a comma-delimited list. 

$mylists.val(answers.join(', '));