jq 怎么实现加载数据

2012-08-08

jq 如何实现加载数据有一个时间数组，现在想通过jq来实现把这个时间放到指定的table里面的td下然后在加载

jq 如何实现加载数据
有一个时间数组，现在想通过jq来实现把这个时间放到指定的table里面的td下
然后在加载的时候就能够读取出来。
不知道有啥方法没。

下面是我自己写的一小断，没有实现我要的效果

<script type="text/javascript" >
var arrays={"10:20","11:20","13:32","15:32"};
$(document).ready(function(){

$("#tb1 tbody tr").each(function(){
for(var i=0;i<arrays.length;i++){
$("#d"+i).val(arrays[i]);

}
});

</script>

求大水们多多指教

[解决办法]
$("#d"+i).val(arrays[i]);

改为:

$("#d"+i).html(arrays[i]); 或 $("#d"+i).text(arrays[i]);

另外 each本身就是循环，不需要再套循环了吧。

JScript code

<script src="jquery-1.4.2.js" type="text/javascript" ></script><table border="1" id="tb1" ><tr><td id="d0">&nbsp;</td></tr><tr><td id="d1">&nbsp;</td></tr><tr><td id="d2">&nbsp;</td></tr><tr><td id="d3">&nbsp;</td></tr></table><script>var arrays=["10:20","11:20","13:32","15:32"];  $(document).ready(function(){$("#tb1 tr").each(function(i){    $("#d"+i).text(arrays[i]);     });});</script>
[解决办法]
HTML code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>    <title>Untitled</title>    <script language="javascript" src="C:\Documents and Settings\wangguanquan\My Documents\jquery.js"></script>    <style type="text/css">        table{width:400px;border-top:1px solid #ccc;border-left:1px solid #ccc;}        table th{height:28px;background:#cdcdcd;border-right:1px solid #fff;}        table tr{height:22px;}        table tr td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}    </style></head><body><table cellspacing="0" cellpadding="3">    <colgroup>        <col style="width:40px;text-align:right;" />        <col style="width:240px;" />        <col style="width:120px;text-align:center;" />    </colgroup>    <th>ID</th><th>内容</th><th>时间</th>    <tr><td>1</td><td>内容1</td><td>&nbsp;</td></tr>    <tr><td>2</td><td>内容2</td><td>&nbsp;</td></tr>    <tr><td>3</td><td>内容3</td><td>&nbsp;</td></tr>    <tr><td>4</td><td>内容4</td><td>&nbsp;</td></tr>    <tr><td>5</td><td>内容5</td><td>&nbsp;</td></tr></table><script language="javascript">$(function(){    var arrays=["10:20","11:20","13:32","15:32"];    var td = $('table tr td:last-child');    $.each(arrays, function(i, n){        td.get(i).innerHTML = n;    });});</script></body></html>
[解决办法]
var i = 0;
$("#tb1 tbody tr").each(function(){

$("#d"+i).val(arrays[i]);
i++;
)

热点排行

JavaScript

jq 怎么实现加载数据