如何删除没有class或id的span和div

时间:2013-04-26 20:43:05

标签: jquery css

我正在尝试从没有class或id的网站中删除span,因为我无法在该范围内添加类或id,因为HTML代码通过iframe

我在css中使用了以下代码

 span {display:none; }

但它隐藏了所有范围

我有以下HTML代码,我必须通过css或JQuery或任何其他方法删除span

<div align="center" style="font-family:verdana; color:#666666; font-size:7pt; "><span class="xxxx">Content1</span> <span style="display:block; visibility:visible; position:static;">Content2</span></div>

我必须删除Div并跨越那些没有类或Id的

我该怎么做?

2 个答案:

答案 0 :(得分:3)

使用CSS隐藏那些没有idspan的元素:

div, span {
    /* hides _all_ div and span elements */
    display: none;
}

div[id],
div[class] {
    /* shows those div elements that have an id or a class */
    display: block;
}

span[id],
span[class] {
    /* shows those span elements that have an id or a class */
    display: inline;
}

JS Fiddle demo

但是,这需要使用支持属性选择的浏览器(rules out Internet Explorer < 7

使用jQuery:

$('div, span').filter(function(){
    return !this.id && !this.className;
}).remove();

JS Fiddle demo

答案 1 :(得分:1)

您可以尝试使用Jquery查找那些没有class属性的元素。

$('span:not([class])').remove();