Question

现在由于某种原因我无法使用此代码当我将鼠标移动到＆lt; tr id ='$ id'＆gt;我希望＃remove_ $ id显示，然后在鼠标移开时隐藏

jQuery代码：

$(function() {

var id = this.id; 

$("tr").hover(function() {

$("#remove_" + id).show();

}, function() {

$("#remove_" + id).hide();

});

});

PHP代码：

$result = mysql_query("SELECT * FROM wall WHERE uid='$myid' ORDER BY id DESC") or die (mysql_error()); 

while ($row = mysql_fetch_array($result)) { 

$id = $row['id'];

$uid = $row['uid'];

$fid = $row['fid'];

$action = $row['action'];


echo "< table width='467' border='0' align='left' cellpadding='0' cellspacing='0'>

  < tr id='wall_$id'>

    < td width='18' height='25'>&nbsp;< /td>

    < td width='396' valign='top' class='txt'>RickStar has upload new photos. - < span class='comment'>

< a href='#'>Comment< /a>< /span>< br />< /td>

    < td width='53' valign='top'>< span class='txt'>

      < div id='remove_$id' class='mydiv'>Remove< /div>

    < /span>< /td>

  < /tr>

< /table>";


}

Answer 1

将您的jQuery代码更改为：

$(function() {
    $("tr").hover(function() {
       var id = this.id.split('_').pop();
       $("#remove_" + id).show();
    }, function() {
       var id = this.id.split('_').pop();
       $("#remove_" + id).hide();
    });
});

应该这样做。 Here's a working example if you need more help

由于两个原因，您的代码无效：

在悬停函数this之外设置ID太早，未定义或不符合您的想法。
您需要将<tr>的ID分割为_以获取实际ID，然后使用它来转到<div>。

Answer 2

你鼠标悬停在td上，而不是tr。

Php jquery鼠标帮助

2 个答案: