Question

我是javascript的新手。请帮我解决下面的问题。

我已定义了一个表格。

<div id="SampleDiv">
   <table id="SampleTable">
     <tr>
       <td></td>       
     </tr>
</table>
</div>

我定义了一个动态数组 var SampleArr = [＆＃34; Hello＆＃34;，＆＃34; Welcome＆＃34;，＆＃34; Folks＆＃34;，....];

问题：如何循环此数组并将值分配给表中的td？

期望的输出::

<div id="SampleDiv">
   <table id="SampleTable">
     <tr>
       <td>Hello</td> 
       <td>Welcome</td>   
       <td>Folks</td>
       ....         
     </tr>
</table>
</div>

Answer 1

jQuery解决方案：

cut(mark, c(25, 40, 55, 70, 85, 100), labels=rev(LETTERS[1:5]), include.lowest=TRUE)
#[1] C B C B C D B B C B D B C B B C A C C D..

Answer 2

我尝试过使用jQuery。我希望它可以帮助你。

https://github.com/oinopion/syslog-ng-logentries

确保数据阵列应该按照名字，中间名和序列的顺序包含详细信息。姓。您还可以将标签和值存储在同一个数组中并填充。

感谢

如果您不知道数组中有多少数据，请尝试在json中存储标签和值，并填充如下： -

HTML:-

<table id="mytable">
  <tr><td><label>First Name : </label></td></tr>
  <tr><td><label>Middle Name : </label></td></tr>
  <tr><td><label>Last Name : </label></td></tr>
</table>

-----------

JQuery:-

var data = ["Krishna","Kant","Shastri"];  //first name, midle name, last name

//get all <td> element
var myTD = $('#mytable td');

//iterate all <td> and append values from data array
$.each(myTD,function(idx,tdHTML){
  $(tdHTML).append(data[idx]);
});

----------
Output:-
First Name : Krishna
Middle Name : Kant
Last Name : Shastri

由于

Answer 3

以下是一些使用的香草javascript：

＆＃13;

var SampleArr = ["Hello","Welcome","Folks"];

var html = '<div id="SampleDiv"><table id="SampleTable"><tr>';

for (var i=0,max=SampleArr.length;i<max;i++) {
	html += '<td>'+SampleArr[i]+'</td>';  
}
html += '</tr></table></div>';
document.write(html);

＆＃13;

Answer 4

这里的人：

var template = null;
var array = ['leo', 'Liz', 'Michael'];

for(var i =0; i<array.length; i++){
    template = '<tr><td>' + array[i] + '</td></tr>';
    $('table').append(template);
}

这是一个功能性示例： http://jsfiddle.net/leojavier/gfduxa42/

Answer 5

您可以使用JavaScripts forEach()循环将其保存在普通JS中。

＆＃13;

var sampleArr = ["Hello,", "Welcome", "to", "the", "jungle"];

var tableRow = document.getElementById("row1");

sampleArr.forEach(function(value){
  tableRow.innerHTML += "<td>" + value + "</td>";
});

＆＃13;

<table id="t-table">
  <tbody>
    <tr id="row1"></tr>
  </tbody>
</table>

＆＃13;

Answer 6

解决方案Pure Javascript和DOM操作（没有5Go框架）：

＆＃13;

product

＆＃13;

var SampleArr = ["Hello","Welcome","Folks"];
var table = document.getElementById('SampleTable');

SampleArr.forEach(function(val  , i){

  var curCell = table.rows[0].cells[i];
  if(!curCell) curCell = table.rows[0].insertCell();

   var curValue = curCell.innerText || curCell.textContent;

   curCell.innerHTML = curValue + val;
})

＆＃13;

迭代数组并为表中的列赋值 - javascript

6 个答案:

感谢