jquery - クラスしかない場合、div 内に要素を表示するにはどうすればよいですか?

Question

次のコードがあります。

$('.my-image').function(){
   $(this + ' div').show();
},
function(){
   $(this + ' div').hide();
});

div を使用してオブジェクトを要求しているため、機能していないことはわかっていますが、より明確にする方法がわかりません。

<div id='galery'>
   <div class='my-image'><div></div></div>
   <div class='my-image'><div></div></div>
</div>

内側の div (子 div) を表示するには、jquery 関数をどのように呼び出す必要がありますか?

score 4 · Accepted Answer

thisDOM 要素です。セレクターに連結することはできません。

あなたは書こうとしている

$(this).find('div')

score 3 · Accepted Answer

$(this + ' div').show();

する必要があります

$(this).find("div").show();

また

$("div", this).show()

this文字列ではなくオブジェクトです。

score 0 · Accepted Answer

子供たちと試してみてください：

$('.my-image').function(){
   $(this).children('div').show();
},
function(){
   $(this).children('div').hide();
});

3 に答える 3