jquery - 使用 Jquery 获取表 td 内的 Img 元素的 ID

Question

我有一个表格，其中我得到了img每个元素td（表格的顺序是 2 行和 2 列）我必须得到id图像的Hover

我closest在 jQuery 中使用了选择器 .. 但无法获得我id的选择器imghover

<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'));
});