Javascript Array

<table>
<tr>
<td  onclick="JavaScript: ShB(this,272); return false;">5.50</td>
<td>1.50</td>
<td onclick="JavaScript: ShB(this,273); return false;" >1.80</td>
<td> 3.50<br />5.00</td>
<td  onclick="JavaScript: ShB(this,274); return false;" >1.60</td>
</tr>
</table>
有这么一行 HTML代码  ShB是javascript函数  调用的时候传入了2个值（待定是2个可能会更多）
我想问一下怎么才能把这些参数存在一个array中然后再显示给一个div  对了 array里只能存10个传入的值
而且传入的 id 必须是不一样的才存到array 中用javascript写谢谢
<script type="text/javascript">
        var mycars = new Array(10);
        function ShB(event, Idx) {
            for (var i = 0; i < mycars.length; i++) {
                mycars[i] = Idx+$(event).html();
            }
            for (var j = 0; j < mycars.length; j++) {
                $("#Show").html(mycars[j]);
            }
        }
</script>
本人写的代码不能实现

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

点击一个td的时候会把id和5.50传到ShB的方法里 ShB接收2个参数对应，然后每次点击不同的td 传的参数都不一样是吧？所有就是想用个集合把这些传过来的值存在一起然后把集合传到div上让他显示
第一次点第一个td  div里显示的值就是 id+5.50  第二个就 id+5.50，id+1.80 以此类推明白了吧？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<table>
<tr>
<td  onclick="JavaScript: ShB(this,272); return false;">5.50 </td>
<td>1.50 </td>
<td onclick="JavaScript: ShB(this,273); return false;" >1.80 </td>
<td> 3.50 5.00 </td>
<td  onclick="JavaScript: ShB(this,274); return false;" >1.60 </td>
</tr>
</table>
</BODY>
</HTML>显示到div上，自己写吧
用对象要方便点。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var mycars = {};
mycars.length = 0;
function ShB(td, Idx) {
if(!mycars[Idx] && mycars.length < 10 ){
mycars[Idx] = td.innerHTML;
mycars.length++;
document.getElementById("result").innerHTML += (mycars.length > 1 ? "," : "") + Idx + " " + td.innerHTML + " ";
}
}
</script>
</head><body>
<div id="result"></div>
<table>
<tr>
<td  onclick="ShB(this,272);">5.50 </td>
<td>1.50 </td>
<td onclick="ShB(this,273);" >1.80 </td>
<td> 3.50 <br />5.00 </td>
<td  onclick="ShB(this,274);" >1.60 </td>
</tr>
</table>
</body>
</html>
我继续向问下如果里面已经有（272，5.50 ）但是我还是按5.50的话 array里面的272删除应该怎么做呢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ޱĵ</title>
<script type="text/javascript">
var mycars = {};
mycars.length = 0;
function $(id){
return document.getElementById(id);
}
function ShB(td, Idx) {
var val = Idx + " " + td.innerHTML;
    if(!mycars[Idx] && mycars.length < 10 ){
        mycars[Idx] = td.innerHTML;
        mycars.length++;
        $("result").innerHTML += (mycars.length > 1 ? "," : "") + val;
    }else if(mycars[Idx]){
delete mycars[Idx];
mycars.length--;
var reg = new RegExp("," + val + "|" + val + ",|" + val);
$("result").innerHTML = $("result").innerHTML.replace(reg, "");
}
}
</script>
</head><body>
<div id="result"></div>
<table>
<tr>
<td  onclick="ShB(this,272);">5.50 </td>
<td>1.50 </td>
<td onclick="ShB(this,273);" >1.80 </td>
<td> 3.50 <br />5.00 </td>
<td  onclick="ShB(this,274);" >1.60 </td>
</tr>
</table>
</body>
</html>
不能实现的  array的长度还是会增加