Question

Structure is:

<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>

I want to show class “sletindtastningfelt” if you focus on some of the input fields within the same tr

And on blur the class should hide..

And it should use its own class “sletindtastningfelt” and not another tr’s class “sletindtastningfelt”

The table id is #diettable

Answer 1

I think this is what you want:

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