通过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(', '));