做表格的时候,经常要让奇偶行显示不同背景色,一来使表格显得更美观,二来使同行数据查找更快捷方便。通常我们是怎么实现的呢?就是在每个tr标签上加css样式。

有时数据成表格状

代码如下所示:

为了更加美观会将奇偶行显示不同的背景色。

<html>
<style type="text/css">
.odd {
 background-color:yellow;
}

.even {
 background-color:red;
}
</style>


<body> 
<table border="1">
 <tr class="odd">
  <td>No.1</td>
  <td>0001</td>
 </tr>
 <tr class="even">
  <td>No.2</td>
  <td>0002</td>
 </tr>
 <tr class="odd">
  <td>No.3</td>
  <td>0003</td>
 </tr >
 <tr class="even">
  <td>No.4</td>
  <td>0004</td>
 </tr>
</table>
</body> 
</html>

实现代码;

显示效果:

金沙城中心赌场,<foreach name=”list” item=”v” key=’k’>

金沙城中心赌场 1

             <if condition=”$k%2 eq
0″>

但是假设表格有上百行甚至上千行,同时不允许修改后台代码,只能修改前台页面,这样的话每个tr元素都加css样式就比较费劲了。有什么办法可以用最简洁的方式,达到同样的页面效果呢?答案就是JQuery。

             <tr class=”tr-bg2″>

JQuery对标签的控制实在是太强大了,你可以通过选择器找到页面上任意一个标签,同时为该标签添加CSS样式。

             <else />

只需要引入JQuery的库文件,再添加以下四行代码就OK了。

             <tr>

$(document).ready(function() {
 $('tr:odd').addClass('odd');
 $('tr:even').addClass('even');
});

             </if>

■简单解释一下选择器的用法:

<td>{$v.zhexue}</td>

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图