Question

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

使用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"];
for (var i=0;i<dataArr.length;i++){
if(i%2==0){
//even index
 console.log("sno="+dataArr[i]);
}
else{
//odd index
  console.log("subject="+dataArr[i]);
}
}

<强>更新： -

DEMO

Answer 2

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

Answer 3

试试这个： -

$.each(dataArr,function(index,value){
  if(parseInt(index) % 2 == 0)
  {
     alert(value);
  }
  else
  {
     alert(value);
  }
});

Answer 4

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

var $table = $("<table style='width:100%; height: 4em; border-spacing: 0px;'>");
var $row = $("<tr>");
$.each(dataArr, function (index, value) {
  $row.append("<td style='width:25%'>" + value + "</td>");
  if (index % 2) {
    $table.append($row);
    $row = $("<tr>");
  }
});

$table.appendTo("#subjectTable");

Answer 5

这是你想要的：

var dataArr = ["1","Maths","2","Science"],
    $table = $("<table style='width:100%; height: 4em; border-spacing: 0px;'></table>").appendTo("#subjectTable");

var $tr = null;
$.each(dataArr, function(index) {
    if(index % 2 == 0) {
        $tr = $("<tr>").appendTo($table);
    }
    $tr.append("<td style='width:25%'>" + this + "</td>");
});

这是工作 example

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

5 个答案:

DEMO