Php 悬停功能用于显示产品标题

我试图使用jquery显示从hover上的数据库返回的产品的标题。目前，它可以工作，但会在悬停时显示列表中所有产品的标题，而不是悬停时的产品标题。我只想展示一款能够实现悬停的产品。我试图插入变量，但没有成功。下面的代码显示了悬停在图像（imagefeat）上的所有标题（headhighlight）

谢谢你的帮助

jQuery

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

$（函数（）{
$（'.imagefeat、.pricehigh、.headhighlight'）。悬停（函数（）{
$（'.headhighlight'）.show（）；
}，函数（）{
$（'.headhighlight'）.hide（）；
});
});

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>";

$name=$info['name']；
$price=$info['price']；
$imagefile=$info['picture']；
回声“
”；
回声“
$name
”；
回声“
$price
”；
回声“
”；
回声“
”；

试试：

---

只需将处理程序绑定到列表本身，而不是绑定到列表中的每个项。然后调整处理程序以显示作为当前悬停列表的子项的

headhighlight

项：

$(function() {
    $('.featured').hover(function() { 
        $('.headhighlight', this).show(); 
    }, function() { 
        $('.headhighlight', this).hide(); 
    });
});

---

只能将

作为直接子级。

无效。opps，来自其他内容。现在走了，聪明的阿萨德。很简单，我应该注意到这一点。谢谢你的帮助。计时器一响我就接受。

$(function() {
    $('.featured').hover(function() { 
        $('.headhighlight', this).show(); 
    }, function() { 
        $('.headhighlight', this).hide(); 
    });
});