当前位置:  开发笔记 > 后端 > 正文

如何使用jQuery基于单元格内容设置表的行类?

如何解决《如何使用jQuery基于单元格内容设置表的行类?》经验,为你挑选了1个好方法。

我有下表:

Name Status
Project 1 Closed
Project 2 Open
Project 3 Closed

我试图将我以前在代码隐藏中执行的一些UI代码移动到jQuery.每当Status(Column 2)列的值为Open时,我想更改TR元素的类.

使用jQuery执行此操作的最佳方法是什么?



1> Paolo Bergan..:
$('tbody > tr', 'table.grid').filter(function() {
    return $(this).children('td').eq(1).text() == 'Open';
}).addClass('open_tr');

它在做什么:

它是选择所有的内部元素的的table.grid范围内.过滤器功能允许您根据返回的内容过滤元素,要么保持为true,要么丢弃为false.所以在过滤器中我们得到tr的所有子项,得到第二个,并返回它的文本是否等于'Open' - 如果是,它将返回true,并且我们可以将父项保留在选择器中.剩下的就是Open状态,所以我们可以添加一个类来标记它们.

推荐阅读
凹凸曼00威威_694
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有