Question

基本上在我的ASP.NET MVC4项目中，我试图将我的验证消息作为工具提示（当悬停在某个图像上时显示）。现在错误消息被插入到图像标题中 - 但是我只想在有标题时显示图像（当它没有标题时没有错误信息）。

我该怎么做？

我不认为通过CSS可以实现js / jquery解决方案也可以。

澄清我需要检查更新显示，因为标题在运行时更改。初步检查不会这样做。

Answer 1

这是纯CSS解决方案。

CSS代码：

img{display:none;}
img[title]{display:block;}

这是 WORKING DEMO

HTML：

<img src="https://www.google.co.in/images/srpr/logo4w.png" />
<img src="https://www.google.co.in/images/srpr/logo4w.png" />
<img src="https://www.google.co.in/images/srpr/logo4w.png" title="" />
<img src="https://www.google.co.in/images/srpr/logo4w.png" />
<img src="https://www.google.co.in/images/srpr/logo4w.png" />

CSS：

img{display:none;}
img[title]{display:block;}

希望这就是你要找的东西。

Answer 2

仅显示带标题的图像？

$('img').filter(function(i, el){
    return !$(el).prop('title');
    // (empty/undefined titles evaluates as false)
}).hide();

这是你要求的吗？

也许这个css选择器已足够（仅适用于现代浏览器）：

img:not([title])
{
    display: none;
}

只有拥有标题时才显示img？

2 个答案: