jquery - jquery select this id inside li

Question

「li」内の ID を選択するために「THIS」を正しい方法で使用するにはどうすればよいですか?

<li class="item">
    <div id="sale_container">text</div>
</li>

$("li.item").hover(function () {
        $("#sale_container").fadeIn(400);
    })
    $("li.item").mouseleave(function () {
        $("#sale_container").fadeOut(400);
    })

クラス「アイテム」を持つすべてのliにどのように影響しますか。だから、マウスが上にあるときに、各liの中でそれを有効にしたい。

この例は機能しません

$("li.item").hover(function () {
    $(this)("#sale_container").fadeIn(400);
})
$("li.item").mouseleave(function () {
    $(this)("#sale_container").fadeOut(400);
})

Answer 1

交換：

$(this)("#sale_container").fadeIn(400);

と：

$(this).find("#sale_container").fadeIn(400);

あるいは：

$(this).children().fadeIn(400); // will fade any element inside .item

1 つのページに 1 つの一意の ID しか持てないことに注意してください。

Answer 2

次のコードを使用できます。

$("li.item").hover(function () {
    $(this).find("#sale_container").fadeIn(400);
});

Answer 3

$('#sale_container')ID は一意であるため、他の修飾子なしで使用するだけで済みます。

ID を使用していないと仮定すると、次のように使用できます。

$(this).find(...).fadeIn(400);「...」は、内部で探しているもののセレクターであり、("div")または(".myClassname")などです。