使用jquery在空单元格上执行border:none和background-color:white
使用jquery在空单元格上执行border:none和background-color:white
提问于 2010-08-06 05:35:10
所以我有这个(巨大的)表，用css (big_conv_tbl)分类。所有的“空”单元格都有一个标记，我还使用了一个奇数/偶数css脚本来使表格更容易阅读(因此一些“空”单元格的背景颜色是灰色的)。
我想要的是删除边框和背景颜色(设置为白色)，如果单元格为“空”(在我的例子中，如果它包含“0”)。空单元格:隐藏不起作用。
我写了一个简单的jquery脚本，但它不起作用：
$(".big_conv_tbl tr").each(function() {
var VC = $(this).find("td").html().trim();
if (VC == ''){
$(this).css('background-color','white');
}
});我做错了什么？我没有为td设置类，只为行(奇数/偶数)设置。请不要每次都给我上课，桌子太大了。感谢您的帮助
le：
谢谢Nick，我不得不编辑(没有足够的字符。评论中)。
这是一个简单的html页面，里面有一个小表格。出于某种原因，它就是不能工作
<!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" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" >
$(".big_conv_tbl tr td").each(function() {
if ($.trim($.text([this])) == '') {
$(this).css('background-color','white');
}
});
</script>
</head>
<body>
<table width="100%" border="1" class="big_conv_tbl" bgcolor="#999999">
<tr>
<td>asdsads</td>
<td> </td>
</tr>
<tr>
<td>sagasag</td>
<td> </td>
</tr>
<tr>
<td>sagsagsagsag</td>
<td> </td>
</tr>
</table>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2010-08-06 05:38:59
您需要遍历每个单元格，而不是对行进行循环，如下所示：
$(function() { //so it runs when the DOM is ready
$(".big_conv_tbl tr td").each(function() {
if ($.trim($.text([this])) == '') {
$(this).css('background-color','white');
}
});
});在本例中，我们在对象的$.text()上使用$.trim()，而不是.html() (它仍然包含内容( " ")。因为我们不需要在这里创建另一个jQuery对象，所以$.text()只是一种更有效的文本提取方法。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3419369
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号