2

タイトルに応じて、ページの読み込み時に画像を非表示にしたい これは機能していないようです..これをコードに入れると、タイトルを持つすべての画像についてアラートが表示されます（これは正しいです）：

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

});
4

4 に答える 4

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

});
于 2012-12-15T12:01:31.217 に答える
0 
$("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-15T12:01:55.527 に答える
0

このように使用$(this)してみてください.attr()：

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

それが役立つことを願っています

于 2012-12-15T12:02:07.613 に答える
0

記事 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-15T18:02:43.580 に答える