你好，你有些地方理解错了,nubm是声明为一个数组，存放的是字符串，并非直接读取的文档元素，所以$(nubm[i])来获取对象是获取不到的
帮你改了下，你可以看看
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.green{color: #04a008}
.red{color: #fb0202}
table{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif width:600pxborder-collapse:collapsemargin-top: 20px}
table th,table td{border:1px solid #ccctext-align: centerline-height: 30px}
</style>
<script type="text/javascript" src="../js/jquery-1.8.1.min.js" ></script>
<script>
// window.onload=function(){
// var nubm1=12
// }
$(document).ready(function () {
var nubm1=12
var nubm2=-5
var nubm3=7
var nubm=new Array("12","-5","7")
//alert(nubm.length)
// alert(nubm)
$("#content tbody").append("<tr><td class='change'>"
+nubm1+"</td><td class='change'>"+nubm2
+"</td><td class='change'>"+nubm3+"</td></tr>")
var $td = $("#content tbody").find('td')
for(var i=0i<nubm.lengthi++){
// alert(nubm[i])
// alert(typeof nubm[i])
if(nubm[i] > "0"){
alert( typeof nubm[i])
$td.eq(i).addClass("red")
}else{
$td.eq(i).addClass("green")
}
}
})
</script>
</head>
<body>
<table id="content">
<thead>
<tr>
<th>11</th>
<th>22</th>
<th>33</th>
</tr>
</thead>
<tbody>
<!-- <tr>
<td></td>
<td></td>
<td></td>
</tr> -->
</tbody>
</table>
</body>
</html>
把代码中 trs[i].className = "pro" 改成 this.className = "pro"因为事件虽然是在此循环中绑定的，但是onmouseover是异步函数，事件回调后实际是没有trs[i]这个对象的
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）