1

同じクラス名で指定され、ID を持たない一連の div があります。このシナリオでは、Jquery の.hide()メソッドを使用して、クリックされた div のみを非表示にし、各 div の ID を指定することなくクラス全体を非表示にするにはどうすればよいですか?

<div class="div"><p>Some placeholder text </p> </div>
<div class="div"><p>Some more placeholder text </p> </div>
<div class="div"><p>And even placeholder text </p> </div>


$(".div").click (function(){  
    $(".div").hide(); 
    });

上記のスクリプトは、クラス「div」のすべての div を非表示にしますが、クラス全体ではなく、クリックされた div のみを非表示にしたいのです。

4

3 に答える 3

2

これはあなたが探しているものです： 

$(".div").click (function(){  
    $(this).hide(); 
});
于 2012-05-11T01:19:49.020 に答える
1

次のように、イベント ハンドラーでjQueryを使用して、オブジェクトでクリックされている要素を参照できます。$(this)

$(".div").click (function(){  
    $(this).hide(); 
});
于 2012-05-11T01:20:01.967 に答える
0 
$(function(){
  $(".div").click(function(){
    $(this).hide();
  });
});

$(this)現在呼び出されているアイテムを返します。それを使って隠すことができます

作業サンプルhttp://jsfiddle.net/sz4h2/

于 2012-05-11T01:20:18.800 に答える