用jquery来实现对table元素的样式添加?

只是来听歌的 2015-11-05 10:11:29


如图所示,当值为1时,表的第三个显示红色,为0的时候显示蓝色
怎么用jquer来实现啊?
...全文
285 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
风中的少年 2015-11-06
  • 打赏
  • 举报
回复
这样写不好循环 下面的怎么样?

<body>
        <table align="center" width="650px" id="iTable">
            <thead>
			<tr bgcolor="#CCFFFF">
                <td>name</td>
                <td>value</td>
                <td>isColor</td>    
			</tr>
			</thead>
			<tbody>
            <tr>
                <td>admin</td>
                <td>0</td>
                <td name="isColor"> </td>
            </tr>
			<tr>
                <td>admin</td>
                <td>1</td>
                <td name="isColor"> </td>
            </tr>
			<tr>
                <td>admin</td>
                <td>0</td>
                <td name="isColor"> </td>
            </tr>
			</tbody>
        </table>
  <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
   
  <script>
	$(function () {
		$('#iTable tbody tr').each(function () {
			var _value = $(this).find('td').next().text();
			if (parseInt(_value) == 0) {
				$(this).find('td[name="isColor"]').css('background-color','blue');
			} else {
				$(this).find('td[name="isColor"]').css('background-color','red');
			}
		});
	})
	
  </script>
 </body> 
木头海上漂 2015-11-06
  • 打赏
  • 举报
回复
拼class
color1 color0
格竹悟道 2015-11-06
  • 打赏
  • 举报
回复
这样写挺好的啊,你想怎么写
只是来听歌的 2015-11-05
  • 打赏
  • 举报
回复
	$("td:contains('1')").next().css("background","red");
	$("td:contains('0')").next().css("background","blue");
只能这么做吗?

87,963

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧