Изменить значение ячейки таблицы при наведении

Question

В настоящее время у меня есть таблица, в которой мне нужно изменить значение ячейки на Focus() на этой ячейке и изменить значение на Blur().

Я попытался http://jsfiddle.net/y41go3td/

<table> 
    <tr> 
     <td> 
      <label id="lblname" class="cursor">Hover</label> 
     </td> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td>4</td> 
     <td>5</td> 
    </tr> 
</table> 


var show = function (ev) { 
    alert('test'); 
}, 
hide = function (ev) { 
    alert('test'); 
}; 
$('#lblname').closest('td').focus(show); 
$('#lblname').closest('td').blur(hide); 

, но ни одно из событий не увольняют.

Я знаю, что есть похожие вопросы по всему Интернету, но никто мне не помог.

Спасибо за помощь.

Answer 1

Вам необходимо использовать hover.

$('#lblname').closest('td').hover(show, hide); 

Updated fiddle

var show = function(ev) { 
 
    console.log('test'); 
 
    }, 
 
    hide = function(ev) { 
 
    console.log('test11'); 
 
    }; 
 

 
$('#lblname').closest('td').hover(show, hide);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <label id="lblname" class="cursor">Hover</label> 
 
    </td> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    <td>4</td> 
 
    <td>5</td> 
 
    </tr> 
 
</table>

Answer 2

Просто поместите TabIndex для TD в таблице. Это будет работать.

<table> 
<tr> 
    <td tabindex="1"> 
     <label id="lblname" class="cursor">Hover</label> 
    </td> 
    <td tabindex="2">1</td> 
    <td tabindex="3">2</td> 
    <td tabindex="4">3</td> 
    <td tabindex="5">4</td> 
    <td tabindex="6">5</td> 
</tr> 
</table>