Question

我现在有这个：

        <td id="delPMicon" style="padding-right:4px;padding:4px;">
                            ...Removebutton....
                        </td>

这是每个<tr>内的删除按钮（数据库吐出的行，在PHP中使用while（））。

目前所有<tr>都有一个id #pm。

我想用你的鼠标在你的鼠标/标记上聚焦时，<tr> #delPMicon应该出现，然后在onblur上消失。

我试过这个：

added css property to #delPMicon: display:none; and then:
$('#pm').focus(function() {
  $('#delPMicon').show();
});

这不起作用，不知道我做错了什么。

我也知道id只能使用一次，所以#pm焦点只适用于一个<tr>（如果它正常工作），我该如何解决？我不能使用类<tr>，因为我正在使用它来代替另一个函数。我能做什么（我能想到的）是将行的id添加到#pm，所以它将是：＃pm22，但那我怎么能对JS说它应该关注什么id？

或许我可以将这个.focus函数添加到while循环中的每个tr以获取id，所以我可以这样做：

$('#pm<?php echo $id; ?>').focus(function() {

Answer 1

试试这个

$('.pm').hover(function() {
    function() { $(this).find('.delPMicon').show(); },
    function() { $(this).find('.delPMicon').hide(); }
});

您可以对当前具有相同ID的所有元素使用相同的类。然后使用'this'引用将事件处理程序分别附加到每个。

Answer 2

只需使用CSS

tr > td#delPMIcon { display: none; }
tr:hover > td#delPMIcon { display: table-cell; }