次の(壊れた)コードがあります:
$(".old_post").hover(function(){
$(this > ".post_right_nav").show();
post _ right _ nav は、ユーザーが押すためのいくつかのコントロールを保持する div (他の div を含む) です。ユーザーが投稿の上にカーソルを置いているときにのみ、これらのコントロールを表示したいと思います。すべての投稿の子要素を適切に選択するにはどうすればよいですか?
次の(壊れた)コードがあります:
$(".old_post").hover(function(){
$(this > ".post_right_nav").show();
post _ right _ nav は、ユーザーが押すためのいくつかのコントロールを保持する div (他の div を含む) です。ユーザーが投稿の上にカーソルを置いているときにのみ、これらのコントロールを表示したいと思います。すべての投稿の子要素を適切に選択するにはどうすればよいですか?
コンテキストを使用できます。次のように言っています。このコンテキスト内で class='post-right-nav' を持つ要素を検索してください
$(".old_post").hover(function(){
$(".post_right_nav", this).show();
...
これにより、すべての子孫が取得されます。子供だけが必要な場合は、次のことができます
$(".old_post").hover(function(){
$(this).children(".post_right_nav").show();
...
jQueryセレクターでのコンテキストの使用についての簡単な記事を見つけました
http://beardscratchers.com/journal/jquery-its-all-about-context