Получить идентификатор элемента Img, который находится внутри таблицы td Использование JQuery

Question

У меня есть таблица, в которой я получил элементы img в каждом td (таблица находится в порядке 2 строки и 2 столбца) Мне нужно получить id изображений на Hover

Я использовал closest селектор в JQuery .. , но не в состоянии получить id от img который я hover

<table> 
    <tr> 
     <td><img src="../img.jpg" id="img_1"/></td> 
     <td><img src="../img1.jpg" id="img_2"/></td> 
    </tr> 
    <tr> 
     <td><img src="../img.jpg" id="img_3"/></td> 
     <td><img src="../img1.jpg" id="img_4"/></td> 
    </tr> 
</table> 

JQuery

$(document).ready(function() { 
    $('img').closest('td').hover(function() { 
     var id = $(this).parent('td').prev().children('img').attr('src').substring(0, 7); 
     alert(id); 
    }); 
}); 

Пожалуйста, помогите мне с этим вопросом.

Answer 1

Попробуйте Demo
Я думаю, что у вас есть HTML как это:

<table> 
    <tr> 
     <td> <img src='../img.jpg' alt='' id='img_1'/> </td> 
     <td> <img src='../img.jpg' alt='' id='img_2'/> </td> 
    </tr> 
    <tr> 
     <td> <img src='../img.jpg' alt='' id='img_3'/> </td> 
     <td> <img src='../img.jpg' alt='' id='img_4'/> </td> 
    </tr> 
</table> 

Сценарий:

$('td').on('mouseenter',function(){ 
    alert($(this).children('img').attr('id')); 
});