仅当它有标题时才显示img？

基本上在我的ASP.NET MVC4项目中，我试图将我的validationmessages作为工具提示（当在特定图像上进行悬停时显示）。现在，错误消息被插入到图像标题中 - 但是，我只想在图像有标题时显示图像（当它没有标题时没有错误消息）。仅当它有标题时才显示img？

我该怎么做？

我不认为这是可能的通过CSS所以js/jquery解决方案也可以。

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

来源

2013-08-23 Jordan Axe

这里是纯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;}

希望这是你在找什么。

来源

2013-08-23 11:50:10 Nitesh

只显示带有标题的图像？

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

这是你要求的吗？

也许这CSS选择器就足够了（仅在现代浏览器的工作）：

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

来源

2013-08-23 11:45:01 Johan

仅当它有标题时才显示img？

回答

相关问题