jquery隐藏图像的页面加载取决于标题

我想隐藏一个页面加载图像，根据其标题 这似乎并没有工作..当我把这个在我的代码，我得到一个alert所有具有一个标题（这是正确的）图像：jquery隐藏图像的页面加载取决于标题

$('article a.tooltip img').load(function(){ 
    if(this.title != ""){ 
     alert(this.title); 
} 

});

在我的CSS文件，我禁用所有图像的显示在第一：

.contact a.tooltip{ 
    display: none; 
}

现在我想显示所有IMAG es非空标题，这是行不通的：

$('article a.tooltip img').load(function(){ 
    if(this.title != ""){ 
     this.show(); 
     alert(this.title); 
} 

});

来源

2012-12-15 Mathias Colpaert

article a.tooltip img is not hidden。。隐藏a.tooltip隐藏。

变化

$('article a.tooltip img').load(function(){ 
    if(this.title != ""){ 
     this.show(); 
     alert(this.title); 
} 

});

到

$('article a.tooltip img').load(function(){ 
    if(this.title != ""){ 
     this.parent().show(); 
     alert(this.title); 
} 

});

来源

2012-12-15 12:01:31

+1从我的身边，我没注意到的东西！ –

嘿男人它只会在第一张图片上工作，所以请改用各个功能！ –

似乎符合逻辑，但是当我更改为： CSS： .contact a.tooltip img { \t display：none; 。 } 和 $（ '接触a.tooltip IMG'）负载（函数（）{ 如果（this.title = “”）{ this.show（）;！警报（this.title ）; } }）; 我得到了同样的结果..没有显示任何东西没有this.show，我在非空标题上再次得到正确的警报 –

$("article a.tooltip img").each(function() { 
var t = $(this).attr("title"); 
if(t!=// some title) { 
$(this).parent("a.tooltip").show(); 
} 
else { 
$(this).parent("a.tooltip").remove(); 
}

来源

2012-12-15 12:01:55

，因为每个图片都有'display：none'，所以它会检查每个图片的标题并根据它来显示你想要的图片！ –

尝试使用$(this)和.attr()这样的：

$('article a.tooltip img').load(function(){ 
    if($(this).attr('title') != ""){ 
    $(this).show(); 
    alert($(this).attr('title')); 
    } 
});

希望它可以帮助

来源

2012-12-15 12:02:07

article a.tooltip img未被隐藏。 .contact a.tooltip隐藏。

变化

$('article a.tooltip img').load(function(){ 
    if(this.title != ""){ 
     this.show(); 
     alert(this.title); 
} 

});

到

$('article a.tooltip img').load(function(){ 
    if(this.title != ""){ 
     $(this).parent().show(); 
     alert(this.title); 
} 

});

来源

2012-12-15 18:02:43

jquery隐藏图像的页面加载取决于标题

回答

相关问题