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

});

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

4 个答案: