jquery根据标题在页面加载时隐藏图像

jquery根据标题在页面加载时隐藏图像,jquery,html,css,Jquery,Html,Css,我想在页面加载时隐藏图像,具体取决于其标题 这似乎不起作用。。当我将其放入代码中时,我会收到所有标题正确的图像的警报: $('article a.tooltip img').load(function(){ if(this.title != ""){ alert(this.title); } }); 在我的CSS文件中,我首先禁用了所有图像的显示: .contact a.tooltip{ display: none; } 现在我想显示所有标题为非空的图像,

我想在页面加载时隐藏图像,具体取决于其标题 这似乎不起作用。。当我将其放入代码中时,我会收到所有标题正确的图像的警报:

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

});
在我的CSS文件中,我首先禁用了所有图像的显示:

.contact a.tooltip{
    display: none;
}
现在我想显示所有标题为非空的图像,但这不起作用:

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

});

文章a.工具提示img不隐藏。 .联系a.工具提示已隐藏

改变

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

});


文章a.工具提示img不隐藏。 .联系a.工具提示已隐藏

改变

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

});

尝试使用$this和.attr,如下所示:

$('article a.tooltip img').load(function(){
  if($(this).attr('title') != ""){
    $(this).show();
    alert($(this).attr('title'));
  }
});
希望它能有所帮助

尝试使用$this和.attr如下:

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

希望能对文章a有所帮助。工具提示img没有隐藏。联系人a。工具提示已隐藏

改变

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

});


文章a.工具提示img未隐藏。联系人a。工具提示已隐藏

改变

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

});


因为你有display:none每个图像,所以,它会检查每个图像标题,根据它,它会显示你想要的图像!因为你有display:none每个图像,所以,它会检查每个图像标题,根据它,它会显示你想要的图像!嘿,伙计,它将只在第一张图片上工作,所以,使用每个函数代替!似乎合乎逻辑,但当我更改为:CSS:.联系a.tooltip img{display:none;}和$'.联系a.tooltip img'.loadfunction{ifthis.title!={this.show;alertthis.title;};我得到了同样的结果。。如果没有this.show,将不会显示任何内容,我将再次获得关于非空标题的正确警报首先,这是一个本机DOM元素,它没有父元素或show方法,因为这仅适用于jQuery对象。其次,它不迭代,所以只对第一幅图像有效。第三,您根本不需要等待图像加载,因为一旦图像添加到DOM中,标题就可用。谢谢,这解决了我的问题。用这美元而不是这美元成功了@MathiasColpaert-对你有好处,接受一个根本不起作用的答案!这对后人有用吗?嘿,伙计,它只对第一张图像有效,所以,使用每个函数吧!似乎合乎逻辑,但当我更改为:CSS:.联系a.tooltip img{display:none;}和$'.联系a.tooltip img'.loadfunction{ifthis.title!={this.show;alertthis.title;};我得到了同样的结果。。如果没有this.show,将不会显示任何内容,我将再次获得关于非空标题的正确警报首先,这是一个本机DOM元素,它没有父元素或show方法,因为这仅适用于jQuery对象。其次,它不迭代,所以只对第一幅图像有效。第三,您根本不需要等待图像加载,因为一旦图像添加到DOM中,标题就可用。谢谢,这解决了我的问题。用这美元而不是这美元成功了@MathiasColpaert-对你有好处,接受一个根本不起作用的答案!这对后代有用吗?