Question

我可以根据其风格隐藏DIV吗？

我有这个我需要隐藏的div：

<div style="font-family: helvetica, sans-serif; text-align: center; text-transform:     uppercase; font-size: 9px; letter-spacing: 2px; font-weight: bold; padding: 3px 0px 5px     !important; color: rgb(170, 170, 170) !important; clear: both;">...</div>

请有人给我一个例子。

DIV正在从其他网站加载，因此我无法直接控制使用“display：none”。

Answer 1

您可以使用CSS attribute selectors隐藏style属性的div元素。

例如：

div[style^="font-family: helvetica"] {
    display: none;
}

或者寻找特定的风格：

div[style*="color: rgb(170, 170, 170)"] {
    display: none;
}

<强> WORKING DEMO

Answer 2

var style = "font-family: helvetica, sans-serif; text-align: center; text-transform:     uppercase; font-size: 9px; letter-spacing: 2px; font-weight: bold; padding: 3px 0px 5px     !important; color: rgb(170, 170, 170) !important; clear: both;";
var elems = document.getElementsByTagName('div');
for (var i = 0; i < elems.length; i++)   {
    if(elems[i].getAttribute('style') == style) {
        elems[i].style.display = 'none';
    }
}

示例： http://jsfiddle.net/W3DLy/

Answer 3

这将基于字母间距属性过滤/隐藏：

$('div').filter(function() {
    return $(this).css('letter-spacing') == '2px';
}).hide();

Fiddle

Answer 4

根据

从可用的div中选择

$('div').filter(function () {
    return $(this).css('font-size') == '9px';
}).css('display', 'none');

或您认为这些div特有的样式的其他一些方面，然后将显示样式设置为无

Answer 5

只是隐藏div你可以使用“display：none”

根据DIV样式隐藏没有ID的DIV

5 个答案: