使用 Jquery 获取表 td 内的 Img 元素的 ID答案

【问题标题】：Get ID of Img element which is inside the td of table Using Jquery使用 Jquery 获取表 td 内的 Img 元素的 ID
【发布时间】：2013-08-31 05:16:00
【问题描述】：

我有一个表格，其中每个td 中都有img 元素（表格按2 行2 列的顺序排列）我必须在Hover上获取图片的id

我在 jQuery 中使用了closest 选择器。但无法获得img 的id 我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);
    });
});

请帮我解决这个问题。

【问题讨论】：

可以分享html示例吗
你想悬停td/img
尝试` $(document).ready(function () { $('td:has(img)').hover(function () { var id = $(this).find(' td').attr('id').substring(0, 7); alert(id); }); });`
我的理解是，你想要悬停图像并想要获取它的 id。你可以使用$(this).attr("id")

标签： jquery image html-table hover closest

【解决方案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'));
});

【讨论】：