javascript - 如何使用 Javascript 从数组中获取奇数/偶数值并显示在表中

Question

我有 dataArr = ["1","Maths","2","Science"]; 我需要在第一列中显示值 1,2(S.No)和动态表第二列中的(主题名称)数学，科学。

有什么方法可以使用 jquery/javascript 来做到这一点？

示例表代码:

 $("#subjectTable").append("<table style='width:100%; height: 4em; border-spacing: 0px;'><tr><td style='width:25%'>"+OddpositionVal+"</td><td style='width:25%'>"+EvenpositionVal+"</td></tr></table>");    

Answer 1

var dataArr = ["1","Maths","2","Science"];

将基本表添加到 div。

$("#subjectTable").append('<table id="table"></table>');

对于每个表行，以 2 (i+=2) 为步长循环遍历数组。 oddPositionVal 是步骤中的第一个元素，evenPositionVal 是第二个元素。

构建行 HTML，然后将其附加到表格。

for (var i = 0, l = dataArr.length; i < l; i+=2) {
  var oddPositionVal = dataArr[i];
  var evenPositionVal = dataArr[i + 1];
  var rowhtml = '<tr><td style="width:25%">' + oddPositionVal + '</td><td style="width:25%">' + evenPositionVal + '</td></tr>';
  $('#table').append(rowhtml);
}

DEMO