输入字段上的显示类集中在tr中

Question

结构是：

<tr>
   <td><span id="smeal-12-12" class="sletindtastningfelt">X</span></td>
   <td><input type="text" value="blabla"></td>
   <td><input type="text" value="blabla"></td>
   <td><input type="text" value="blabla"></td>
   <td><input type="text" value="blabla"></td>
</tr>
<tr>
   <td><span id="smeal-13-12" class="sletindtastningfelt">X</span></td>
   <td><input type="text" value="again"></td>
   <td><input type="text" value="again"></td>
   <td><input type="text" value="again"></td>
   <td><input type="text" value="again"></td>
</tr>

如果您专注于同一tr

内的某些输入字段，我想显示类“sletindtastningfelt”

在模糊时，课程应隐藏..

它应该使用自己的类“sletindtastningfelt”而不是另一个tr的类“sletindtastningfelt”

表ID是#diettable

Answer 1

$(function() {
    $('.sletindtastningfelt').hide();

    $('input').focus(function() {
        $(this).closest('tr').find('.sletindtastningfelt').show();
    }).blur(function() {
        $('.sletindtastningfelt').hide();
    });
});

Live demo.

Answer 2

我认为这就是你想要的：

$('input:text').focus(function() {
    $(this).closest('tr').find('.sletindtastningfelt').show();
});
$('input:text').blur(function() {
    $(this).closest('tr').find('.sletindtastningfelt').hide();
});