jquery - jqueryを使用してimgを非表示にできませんか?

Question

ここに私のコードスニペットがあります:

    <div id="navbar">
        <a href="index.html" >
        <img class="navbar" src="http://ssss.com/imgs/WG_home.png" />
        </a>Home
    </div>



    function used to hide:

    $(document).ready(function() { 
     alert("hello");
    if (location.search=="?value=nohome")
       {
        $("img[class='navbar']").hide();
       }

 });

画像を非表示にする方法を知っている人はいますか?

ムラーナ

Answer 1

代わりにこれを試してください：

if (window.location.href.indexOf("nohome") >= 0)
{
   $("img.navbar").hide(); // changed...........
}

の代わりに、 or$("img[class='navbar']")を使用するだけで、ターゲットにしたい画像にのみ適用できることに注意してください。$("img.navbar")$(".navbar")navbar

Answer 2

試す

 $(document).ready(function() { 

if (location.href.indexOf("nohome") >= 0)
   {
    $("img[class='navbar']").hide();
   }

}); </p>

ここに フィドルがあります

Answer 3

試す

$('.navbar']).hide();

使用するセレクターの代わりにクラスセレクターを使用します..

編集

同じクラスの 10 ～ 15 個の画像から 1 つの画像のみを非表示にするには、その場合、クラス セレクターを使用することはできません。画像を一意に識別する ID セレクターを使用する必要があります...("#id").hide();