Javascript 通过CSS隐藏特定大小的图像？

提前感谢您的帮助

我有一个RSS，我想在我的页面上发布这个RSS的内容，但是RSS来自WordPress，它包含一个用于评论的按钮的图像

问题1：如果我从RSS中隐藏每个

，我也会从博客中隐藏文章中发布的图像

问题2：注释按钮

URL是连续的，因此即使我可以隐藏“wordpress.com/comments/…12”，下一个按钮

URL是“wordpress.com/comments/…13”，依此类推：(

图像的HTML格式：

也许会有这样的情况：

img[src~="http://...url..."] {display: none;}    

---

CSS无法做到这一点。它不知道页面上的图像有多大。您需要JavaScript来解决这个问题。

使用多属性选择器

您的图像标签必须使用

宽度

和

高度

属性才能工作

HTML

CSS

img[width=“72”][height=“16”]{
显示：无；
}

或

如上所述，使用CSS类

HTML

CSS

。从rss隐藏{
显示：无；
}

我建议使用多个属性选择器，在本例中，将以下代码添加到CSS样式表中：

img[height="16"] {display: none;}

这种方法的唯一问题是它（例如IE 6）是因为他们不认识它们

如果您使用的是JavaScript库，则可以使用以下脚本：

img[width="72"][height="16"] {
    display: none;
}

注释按钮URL是连续的，因此即使我可以隐藏“wordpress.com/commentbutton/12”，下一个按钮URL也是“wordpress.com/commentbutton/13”，依此类推：(

CSS实际上可以在这里提供帮助。属性选择器可以选择包含值的属性。因此：

$('img').each(function () {
    'use strict';
    var img = $(this);

    if (img.width() === 72 && img.height() === 16) {
        img.hide();
    }
});

---

---

应该这样做。

你可以发布相关的HTML吗？如果你的图像中有宽度/高度属性，后一个例子应该可以。如果是你的页面，有没有理由不能对你想要隐藏的每个图像应用CSS类？如果你可以应用属性，你可以应用类名，然后CSS可以帮助。img[src*='commentbutton']{display:none；}…（screw IE7）另外，请给我们您的代码。我们需要它来解决您的问题。我们能够复制您的站点是至关重要的。如果（不推荐）的

height

/

width

属性正在被使用。但考虑到问题中缺少HTML，我不知道它们是否在使用。@DavidThomas：我以为它只是在宽度/高度属性中定义了%的值，而这些属性已被弃用？@Adrift-@MarcB可能很傻，但这对我来说是新的。很好，谢谢。W3C的来源：；-）为什么要指定

'use strict'

？@Wex在这种情况下并不是必要的，但这是一种很好的做法。请阅读。如果图像的宽度或高度是用CSS而不是HTML设置的，CSS解决方案也不会起作用。@PaulD.Waite是的。应该指定CSS解决方案的和属性。以及内容使用feedburner动态安装ng意味着第二个功能也无法工作，除非你想办法知道何时插入了新内容等。问题是在我的代码中，高度和宽度不明确。请参阅我原始帖子上的编辑，这是我的完整HTMLC。你能修改这个RSS提要吗？如果是，请添加CSS类或添加图像的属性。我所有的都是你在我的原始帖子中看到的。我可以使用什么类？很抱歉，“我所有的都是你看到的”并不能回答我的问题。你能修改HTML吗？@hungerstar：我猜RSS提要是由OP的问题中包含的JavaScript生成的。凯瑟琳，你能使用Firebug（在Firefox中）吗，或Chrome或Safari的Web Inspector为这些WordPress注释按钮复制生成的HTML？右键单击其中一个按钮，然后选择“检查元素”或“检查Firebug中的元素”，然后看看你是否能从检查员那里复制按钮的HTML。天才！！太棒了！！非常感谢保罗！！非常欢迎你。@dandavis在评论中说了同样的话，但是因为他看不到按钮的HTML，他的例子就不起作用了。将来，正如我所说的，Firebug或Safari/Chrome的Web检查员可以您可以使用JavaScript生成的HTML。如果您首先提供了comment按钮的HTML，您将得到与我一小时前一样的答案。

$('img').each(function () {
    'use strict';
    var img = $(this);

    if (img.width() === 72 && img.height() === 16) {
        img.hide();
    }
});

img[src*="feeds.wordpress.com/1.0/comments"] {display: none;}