0

私のhtmlコードにはリスト項目があります。関連するリスト項目にカーソルを合わせると、関連するお気に入りの div を表示または非表示にしたい。しかし、お気に入りの div とリスト項目を関連付けることはできません。

html:

<ul>    
<php? for(....): ?>                            
    <li>
        <div id="sin">
            some stuff 
        </div>
        <div id="son">
            some stuff
        </div>
        <div id="fav">
            something 
        </div>
        <br />
    </li>
<php? endfor; ?>
</ul>

マウスオーバーした場合、マウスオーバーされた<li>リスト項目に属するタグ「fav」divが表示される必要があります。

私の未作業のjqueryコード：

$(document).ready(function()
{          
    $("li").hover(function(){
        $("#fav").show()},
        function () {
        $("#fav").hide()
    });
});
4

2 に答える 2

1

ここにあなたがいます

$(document).ready(function()
{
    $('.fav').hide();
    $("li").hover(function(){
        $(".fav",$(this)).show()},
        function () {
        $(".fav",$(this)).hide()
    });
});

$(".fav",$(this)).の代わりにコンテキストを使用する必要があります$(".fav").。また、好きに変更idする必要がありますclass

                            <li>
                                <div class="sin">
                                    some stuff
                                </div>

                                <div class="son">
                                    some stuff
                                </div>

                                <div class="fav">
                                    something
                                </div>
                                <br />
                            </li>
于 2012-10-28T13:44:52.063 に答える
1

問題は、同じ ID を複数回使用していることです。class="fav"代わりに使用する必要がありますid="fav"

// #sin と #son についても

$(document).ready(function()
{          
    $("li").hover(function(){
        $("#fav").show()},
        function () {
        $("#fav").hide()
    });
});

する必要があります

$(document).ready(function()
{          
    $("li").hover(function(){
        $(this).find(".fav").show()},
        function () {
        $(this).find(".fav").hide()
    });
});
于 2012-10-28T13:41:15.700 に答える