隐藏没有class / id的DIV

时间:2013-10-02 20:32:25

标签: javascript jquery css css3 html

是否可以通过css或javascript隐藏没有class / id的div?这样的另一个div可能会出现在页面中。

<div align="center">text here</div>

实际上,它是一个ebay列表模板,将使用的软件在底部添加了这个div,其中包含javascript和flash库,这就是为什么我要隐藏那个东西。

div介于两条评论之间:

<!--GalleryShowcaseFlash-->
<div align="center">text here</div>
<!--EndOfGalleryShowcaseFlash-->

这些评论是否有助于使用javascript删除它们之间的div?

6 个答案:

答案 0 :(得分:5)

我们可以在这里找到具体的内容,你应该真正添加一个类或ID。没有它,它必须是这样的:

div[align="center"] {
    display: none;
}

至于那个文本选择器,it's not possible in CSS

如果是jQuery,我们可能会更具体一点并且

$("div[align='center']:contains('text here')").hide();

答案 1 :(得分:3)

是的,您可以通过伪选择器(例如第n个孩子)(如果您知道div落在的位置)或者该div上的属性来设置样式。

答案 2 :(得分:3)

$("div")
    .contents()
    .filter(function() {
         return this.text() == "text here";
})
  .hide();

答案 3 :(得分:3)

此CSS将隐藏所有没有ID或类的DIV:

div {display:none}
div[class], div[id] {display:block;}

你去这里工作:http://jsfiddle.net/heQjm/

答案 4 :(得分:2)

如果某个父母或兄弟姐妹有一个已知的类或ID,则可能。使用JavaScript,您可以跟踪父/兄弟元素,并从那里跟踪。

但总的来说,你会受到各种因素的支配(可以这么说)。

答案 5 :(得分:0)

您可以使用:

div {
    display:none;
}

但这会隐藏所有div。

您可以在此处查看:http://jsfiddle.net/5r4TD/