真正基本的jQuery:如何检查表单元格是否有值?
我在谷歌上搜索了一个多小时,得到了更复杂问题的答案,但不是这个简单的问题,我的《傻瓜书》帮不了忙 如果特定单元格有值,我想更改行的背景。因此:真正基本的jQuery:如何检查表单元格是否有值?,jquery,html,Jquery,Html,我在谷歌上搜索了一个多小时,得到了更复杂问题的答案,但不是这个简单的问题,我的《傻瓜书》帮不了忙 如果特定单元格有值,我想更改行的背景。因此: $('#MyTable tr').each (function(index) { $(this).css('background-color', '#FCDCE4'); }); 更改每行中的bg颜色很好,但如何仅在第30列有值的行中执行此操作?我可能会给我的目标单元格一个css类,然后这样做,但我真的更愿意学习正确地使用jQuery(这样我
$('#MyTable tr').each (function(index) {
$(this).css('background-color', '#FCDCE4');
});
更改每行中的bg颜色很好,但如何仅在第30列有值的行中执行此操作?我可能会给我的目标单元格一个css类,然后这样做,但我真的更愿意学习正确地使用jQuery(这样我就不需要不断地发布基本问题)
选择器以获取第30列
抓住空的牢房
JSFIDLE上的示例可以在这里找到:Description
您可以使用jQuery.children()
和.eq()
获取单元格30
请注意.eq()是基于零的,因此需要使用29来获取第30个单元格
样品
更多信息
var table = $( '#myTable' )[0];
您可能希望在整个应用程序中保持此引用可用(以便您的所有方法都可以访问它)
下一步:
所以,如果30岁。如果单元格中有任何文本内容,请将'selected'
类添加到行中
现场演示:可能的重复作为一个一般性问题:您是否尝试过仅仅阅读官方文档,而不是尝试用谷歌搜索此文档?是的。感谢您的贡献。OP希望更改行的背景颜色,而不是单元格本身。@ŠimeVidas:使用
$(this).closest('tr').css(…)
。$(this.parent()
)也可以。非常感谢您的帮助。我在寻找时偶然发现了“nth child”语法,但我认为这不是我想要的。我会回去仔细阅读的。谢谢,我会看看你提供的那些链接——尽管有些文档恐怕还是比我高一点。
$('#MyTable tr)').each (function(index) {
var cell = $(this).children("td").eq(29)
// your if condition
$(this).css('background-color', '#FCDCE4');
});
var table = $( '#myTable' )[0];
var nr = 30; // the column number
$( table.rows ).each( function () {
if ( $( this.cells ).eq( nr - 1 ).text() ) {
$( this ).addClass( 'selected' );
}
});