使用CSS隐藏特定的tr与特定的类名只有当它包含关键字 - using CSS to hide certain tr with specific class name only if it contain keyword

using CSS to hide certain tr with specific class name only if it contain keyword

我有许多tr具有相同的类名- sectiontableentry1。
我希望这个tr仅在包含关键字时才被隐藏，例如"recommended"。

下面是一个例子http://jsfiddle.net/aQfQK/1/

如果我没有弄错的话，您正在寻找这样的内容:

$('.sectiontableentry1').each(function(){
    if($(this).html().indexOf('recommended') != -1){
        $(this).hide()
    }
})

既然你想要的对我来说有点模糊，如果我错了请告诉我

没有基于内容选择元素的CSS选择器。在不修改HTML的情况下解决这个问题的唯一方法是使用Javascript。

最好的解决方案是修改HTML，在表行上包含一个"推荐"类，而不是添加CSS:

tr.recommended {display: none;}