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

Question

我想在页面加载时隐藏图像，具体取决于它的标题 这似乎不起作用..当我把它放在我的代码中时，我会收到所有具有标题的图像的警报（这是正确的）：

$('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);
 }

});

Answer 1

文章 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);
 }

});

Answer 2

$("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();
}

Answer 3

尝试使用$(this)并.attr()喜欢这样：

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

希望它可以帮助

Answer 4

文章 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);
 }

});