表格显示和备用行着色错误未应用于第一个表后的表

Question

请在我的应用程序中显示页面，我需要您的帮助。学生档案正在收集学生参加10个学期课程的相关数据。查询工作正常，但显示不显示，因为我想要它。 JavaScript备用行着色也不适用于第一个表之后的所有剩余表。我希望在页面显示中有这种性质的东西。

                 RAIN SEMESTERS
     Year1  Year2  Year3 Year4   Year5       

          HARMATTARN SEMESTERS 
 Year1   Year2   Year3  Year4   Year5 .

这是生成表的PHP的示例，其余9个表与不同年份（1-5）和学期：Rain / Harmattan完全相同

         echo "<div id=\"contentRight\">" ;
             echo "<span class=\"header\">";
  echo "<p><b>Matric Number: $matric_       no</b></p>";
       echo "<p><b>Year: 100 ; Semester:         Hamattarn</b></p>";
           echo "<table class=\"altrowstable\" id=\"alternatecolor\" bgcolor=gold >\n";
                 echo "<tr align=center>\n";
         for ($i=0; $i<$number_cols1; $i++)
                     {
echo "<th>" . mysql_field_name($query1,     $i). "</th>\n";
                     }
                     echo "</tr>\n";
               while ($row = mysql_fetch_row        ($query1))
                    {
                    echo "<tr align=center>\n";
          for ($i=0; $i<$number_cols1; $i++)
                    {
                    echo "<td>";
            if (!isset($row[$i]))
                    {echo "NULL";}
                    else
                    {
                    echo "<b>".$row[$i]."</b>";
                    }
                    echo "</td>\n";
                    }
                    echo "</tr>\n";
                    }
                    echo "</table>";
                    echo"</span>" ;

CSS

 table.altrowstable td {
 border-width: 2px;
 padding: 4px;
 border-style: solid;
 border-color: #a9c6c9;
 }
 .oddrowcolor{
  background-color:#d4e3e5;
  }
  .evenrowcolor{
  background-color:#c3dde0;
  }

什么是当前显示

Answer 1

为什么不使用jquery来进行交替，这样你的服务器就不会被客户端可以做的事情所困扰。

使用jquery :odd选择器，结合addclass()

// Just a quick example.
$('.classSelector:odd').addClass('oddrowcolor');

然后你可以摆脱php语句中的for()，只是在没有自定义格式的情况下回显数据。

在每个tr上，添加一个名为classSelector的类

简单地把它放在你关闭的</body>标签之前。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
    $('.classSelector:odd').addClass('oddrowcolor');
</script>

这是一个有效的例子：http://jsfiddle.net/kNGpB/