使用Javascript在包含2列的表中显示数组数据 [英] Display array data in a table with 2 columns using Javascript
本文介绍了使用Javascript在包含2列的表中显示数组数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有以下代码 -
<script type="text/javascript">
function test() {
var results = "";
var myArray = new Array();
myArray[0] = "Customizable";
myArray[1] = "Marketing Collateral";
myArray[2] = "Online Marketing";
myArray[3] = "Training";
myArray[4] = "Event Resources";
myArray[5] = "Marketing Logos";
myArray[6] = "Competitive Solution Comparison";
myArray[7] = "Sales Tools";
myArray[8] = "Retail Marketing"
myArray[9] = "Internal";
results = "<table>";
for (var i=0; i<myArray.length; i++) {
results += "<tr><td>" + myArray[i] + "</td>";
results += "<td>" + myArray[i+1] + "</td></tr>";
}
results += "<tr><td colspan=2><a href='#' onclick='javascript:RedirectParentToDownload();'>View all content ></a></td></tr>";
results += "<table><br /> <br />";
var div = document.getElementById("associatedAssets");
div.innerHTML = results;
}
</script>
<body onload="javascript:test();">
<div id="associatedAssets"></div>
</body>
如何将输出呈现为2列和n行?我希望输出看起来像这样 -
How do I get the output to be rendered as 2 columns and n rows? I want the output to look something like this -
Customizable Marketing Collateral
Online Marketing Training
Event Resources Marketing Logos
etc
推荐答案
您需要使用你的for循环中i的增量为2。
在将数组内容连接到HTML字符串的同时使用它之前,还要添加一个检查以查看第i + 1个元素是否存在。
You need to use an increment of 2 for i in your for loop.
Also add a check to see if the i+1th element exists before using it while concatenating the array content to HTML string.
试试这个:
function test() {
var results = "";
var myArray = new Array();
myArray[0] = "Customizable";
myArray[1] = "Marketing Collateral";
myArray[2] = "Online Marketing";
myArray[3] = "Training";
myArray[4] = "Event Resources";
myArray[5] = "Marketing Logos";
myArray[6] = "Competitive Solution Comparison";
myArray[7] = "Sales Tools";
myArray[8] = "Retail Marketing"
myArray[9] = "Internal";
results = "<table>";
for (var i=0; i<myArray.length; i=i+2) { //###NOTICE THE CHANGE FROM i++ TO i=i+2
results += "<tr><td>" + myArray[i] + "</td>";
if(i+1 < myArray.length){
results += "<td>" + myArray[i+1] + "</td></tr>";
} else{
results += "<td></td></tr>";
}
}
results += "<tr><td colspan=2><a href='#' onclick='javascript:RedirectParentToDownload();'>View all content ></a></td></tr>";
results += "<table><br /> <br />";
var div = document.getElementById("associatedAssets");
div.innerHTML = results;
}
这篇关于使用Javascript在包含2列的表中显示数组数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文