想給table每列分別添加一個(gè)樣式，可是addClass沒(méi)反應(yīng)
<!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>無(wú)標(biāo)題文檔</title>
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
<link href="css/myStyle.css"/>
<style>
.position
{
?width:87px;
?height:37px;
?background:red;
?}
.AQI
{
?width:30px;
?}
.category
{
?width:30px;
?}
.PP
{
?width:73px;
?background:#0C3;
?}
</style>
</head>
<body>
<table border="1" cellspacing="0">
??? <tr>
??????? <td>sfe</td><td>fe</td><td>gfefe</td><td>gfefe</td>
??? </tr>
??? <tr>
??????? <td>sfe</td><td>fe</td><td>gfefe</td><td>gfefe</td>
??? </tr>
??? <tr>
??????? <td>sfe</td><td>fe</td><td>gfefe</td><td>gfefe</td>
??? </tr>
</table>
<script type="text/javascript">?
$(document).ready(function() {
??? var len = $('td').length;
??? for(var i=0;i<len;i+=4)
??????? $('td:eq(i)').addClass('position');
??? for(var j=1;j<len;j+=4)
??????? $('td:eq(j)').addClass('AQI');?????
??? for(var k=2;k<len;k+=4)
??????? $('td:eq(k)').addClass('category');
??? for(var l=3;l<len;l+=4)
??????? $('td:eq(l)').addClass('PP');
});
?
??
</script>
</body>
</html>
?
?
2016-08-12
?$('td:eq(i)')這個(gè)地方不可以傳入i變量，因?yàn)?（selector）是在當(dāng)前的HTML Document中通過(guò)selector查找DOM元素，傳入的i并不能通過(guò)for循環(huán)將值傳入，你可以通過(guò)傳入常量試一下就明白了