0

jqueryを使用して、ホバー時にデータベースから返された製品のタイトルを表示しようとしています。現状では機能しますが、カーソルを合わせた製品タイトルではなく、リスト内のすべての製品のタイトルをカーソルで表示します。ホバーを作動させる製品のみを表示したいと思います。変数を挿入しようとしましたが、うまくいきませんでした。現状では、以下のコードは、画像（imagefeat）のホバーにすべてのタイトル（headhighlight）を示しています。

助けてくれてありがとう。

jQuery

 <script type="text/javascript">
$(function() {
    $('.imagefeat,.pricehigh,.headhighlight').hover(function() { 
        $('.headhighlight').show(); 
    }, function() { 
        $('.headhighlight').hide(); 
    });
});</script>

php

  $name = $info['name'];
    $price = $info['price'];
    $imagefile = $info['picture'];



    echo "<ul class='featured'>";

                echo "<li class='headhighlight'>$name</li>";  
                echo  "<li class='pricehigh'>£ $price</li>";
                echo  "<li class='imagefeat'><img src='$imagefile'></li>";
                    echo "</ul>";
4

2 に答える 2

2

リスト内のすべてのアイテムにバインドする代わりに、ハンドラーをリスト自体にバインドするだけです。次に、ハンドラーを調整してheadhighlight、現在ホバーされているリストの子孫であるアイテムを表示します。

$(function() {
    $('.featured').hover(function() { 
        $('.headhighlight', this).show(); 
    }, function() { 
        $('.headhighlight', this).hide(); 
    });
});
于 2012-12-26T23:00:40.530 に答える
0

試す：

$('.imagefeat,.pricehigh,.headhighlight').hover(function() { 
    $(this).find('.headhighlight').eq(0).show(); 
}, function() { 
    $(this).find('.headhighlight').eq(0).hide(); 
});
于 2012-12-26T22:59:39.340 に答える