获取Img元素的ID,该元素位于表的td内使用Jquery

时间:2013-08-31 05:16:01

标签: jquery image html-table hover closest

我有一个表格,其中每个img都有td个元素(表格大小为2行和2列) 我必须在id

上获取图片的Hover

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

img的{​​{1}}
hover

的jQuery

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

请帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

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