jquery - jqueryを使用して空白のsrcで画像を非表示にする

Question

データベースからsrc属性を取得する4つのサブ画像がページにあります。それらはすべてclass="subImage"を持っています。DBエントリがない場合は、現在のようにリンク切れではなく、要素を非表示にします。私はjQueryで試しました：

<script>
$(document).ready(function() {
    $('.subImage[src^=""]').css('visibility:hidden');
});
</script>

私は道を離れていますか？

ありがとう。

score 2 · Accepted Answer

2

それらを隠してみてください

  $("img").error(function(){
       $(this).hide();
  });

于 2012-05-04T10:29:37.987 に答える

score 1 · Accepted Answer

これを行うためのより良い方法は、CSSを使用することです。属性セレクターを使用して、その属性の値に基づいて要素を選択できます。そのようです。

.subImage[src=""] { /* Selects all .subImage where the src is blank. */
    visibility: hidden;
}

score 0 · Accepted Answer

あなたができる

$(document).ready(function() {
    $('.subImage').filter(function(){ return this.src === ''}).hide();
});

score 0 · Accepted Answer

次のように、パラメータをcss関数に渡します。

$(selector).css('visibility','hidden')

また

$(selector).css({'visibility':'hidden', 'newAttr':'newValue'})

score 0 · Accepted Answer

これはそれを行う必要があります：

$(document).ready(function() {
    $('img[src=""]').hide();
});

5 に答える 5