0

在我的应用程序中显示页面时，我需要您的帮助。学生档案正在收集学生已修读超过 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;
  }

当前显示的内容

4

1 回答 1

0

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

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

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

然后，您可以摆脱for()php 语句中的 ，而无需自定义格式即可回显数据。

在每一个上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/

于 2012-04-16T15:46:11.317 回答