如何将数组中的表排列到原型中
How to Arrange Table in Array to Prototype?
所以,我想修改数组,使它在表中显示它的内容,一行一行,一次。随着下面的代码,它显示代码逐步每个元素出现不止一次。
如何解决这个问题?thx .
$(function() {
Array.prototype.ToTable=function(){
tabelul="<center><table border><tr>";
for(a=0; a<this.length;a++){
this[a]=tabelul+="<td> <div class='Expresion'>" + this[a] + "</div></td></tr>"
}
}
vaz=['one', 'two', 'three','four'];
vaz.ToTable();
$('#show').html(vaz)
})
<div id="show"></div>
我相信你想做的事情是这样的:
for(a=0; a<this.length;a++){
tabelul+="<tr><td><div class='Expresion'>" + this[a] + "</div></td></tr>";
}
您应该构建tabelul
变量,然后返回它。
下面是一个这样做的例子
这是一个行演示:http://jsfiddle.net/2zchT/2/
html:<div id="show"></div>
js:
$(function() {
Array.prototype.ToTable=function(){
var tabelul = "<center><table border>";
for(var a=0; a<this.length;a++){
tabelul += "<tr><td><div class='Expresion'>" + this[a] + "</div></td></tr>"
}
tabelul += "</table></center>";
return tabelul;
};
vaz=['one', 'two', 'three','four'];
$('#show').html(vaz.ToTable())
})
编辑
您应该在构建表之前将这些数据植入。
var Links= new Array();
Links[0]='<a href="http://location.com/"><img src="http://photo1.com/"></a>';
Links[1]='<a href="http://location.com/"><img src="http://photo2.com/"></a>';
Links[2]='<a href="http://location.com/"><img src="http://photo3.com/"></a>';
Links[3]='<a href="http://location.com/"><img src="http://photo4.com/"></a>';
Links[4]='<a href="http://location.com/"><img src="http://photo5.com/"></a>';
var vaz=['one', 'two', 'three','four'];
for( var i = 0; i < vaz.length; i++ )
{
vaz[i] = Links[i] + vaz[i];
}
下面是一个演示:http://jsfiddle.net/2zchT/4/
相关文章:
- 使用“;这个“;JavaScript原型方法中的关键字
- 如何删除多行HTML排列中的空白
- 引用类变量中的原型方法
- 如何从对象的原型方法访问JavaScript对象属性
- 为什么要包装每一个原型“;类“;JS中具有匿名函数的对象
- Node.js中的JavaScript原型对象效率
- 重载JS'firefox中的对象原型
- “util.inherits”和在NodeJS中扩展原型之间的区别
- 附加到原型属性的Do函数没有闭包
- 使用方括号访问插件原型函数
- 重新排列HTML元素的顺序并更改内容
- 为什么JSON.stringify没有序列化原型值
- 为什么要返回'这'在导致循环的JavaScript原型中
- 带有对象/原型的链式承诺(Q延期)
- 如何覆盖原型中的事件侦听器
- 如何使用排列运算符来获取具有命名参数的函数的所有参数
- 如何在Mocha/Chai中测试JS原型(非模块)
- 我将如何将Base的原型分配给User
- 原型和用法 Javascript
- 如何将数组中的表排列到原型中