Question

我正在尝试在html行中选择一个链接，当我将鼠标悬停在它上面时，我可能做错了。

这是我的HTML：

<table id="table-id">
<tr>
    <td>yeah</td>
    <td>some content</td>
    <td><a href="#" class="remove">delete</a></td>
</tr>
...
</table>

和jQuery代码：

$('#table-id tr').hover(function(){
    $(this).children('.remove').show(); # I don't get the link in there
}, function(){
    $(this).children('.remove').hide(); # and thus not here neither
});

链接隐藏在：

$('a.remove').each(function(){
    $(this).hide();
    $(this).click(function(){
        return confirm("are you sure?");
    });
});

关于我在这里缺少什么的想法？

Answer 1

tr的直接子项是td个元素，因此它不起作用。你可以使用这样的东西：

  $('#table-id tr').hover(function(){
        $(this).children().find(".remove").show(); 
    }, function(){
        $(this).children().find(".remove").hide(); 
  });

http://jsfiddle.net/R7vY5/

Answer 2

Demo

您可以使用.find('.remove')

$('#table-id tr').hover(function(){
    $(this).find('.remove').show();
}, function(){
    $(this).find('.remove').hide();
});

如何选择表格行中的内部链接

2 个答案:

Demo