Как выбрать внутреннюю ссылку в строке таблицы

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

Демо

Вы можете использовать .find('.remove')

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