「this」を使用して要素にアクセスする方法

Question

すべての DIV タグで SPAN タグにアクセスする必要があります
だから私はこの次のコードを使用しました

    $("DIV").click(function(){      
    $(this + "SPAN").show();
});

上記のコードは正しいですか?それは私にとってはうまくいきません！それも何も表示されていません..
私を助けてください

ありがとう、
プラヴィーン・J

Answer 1

使用できます .find() 次のように、別の要素内の要素を取得する場合:

$("div").click(function(){      
  $(this).find("span").show();
});

原則として、それに関連するものを取得するには、 this, 、通常は次から始めることになります $(this) そしてそれらのいくつかの組み合わせ ツリートラバーサル関数 動き回るために。

---

実際のコードについては、以下のコメントに基づいています。
コードが次のようになっている場合:

<fieldset>
  <legend>Link</legend>
  <span>CHECK</span>
</fieldset> 

それから .find() それ以降は機能しません $("legend") セレクタ <span> そうではありません 内部 の <legend> 兄弟なので使用してください .siblings() (オプションでセレクターを使用) 次のようになります。

$("legend").click(function(){ 
  $(this).siblings("span").show(); 
});​

ここで試してみることができます

Answer 2

Find関数を使用してそれを行うことができます。 （また、セレクターに小文字を使用することが推奨されます。）

$("div").click(function(){      
    $(this).find("span").show();
});