Question

我加载了一些图片：

<div id="cont-img">
    <img class="lista-img" src="list/1.png" id="v1" />
    <img class="lista-img" src="list/2.png" id="v2" />
    <img class="lista-img" src="list/3.png" id="v3" />
    <img class="lista-img" src="list/4.png" id="v4" />
    <img class="lista-img" src="list/5.png" id="v5" />
    <img class="lista-img" src="list/6.png" id="v6" />
    <img class="lista-img" src="list/7.png" id="v7" />
    <img class="lista-img" src="list/8.png" id="v8" />
    <img class="lista-img" src="list/9.png" id="v9" />
    <img class="lista-img" src="list/10.png" id="v10" />
    <img class="lista-img" src="list/11.png" id="v11" />
    <img class="lista-img" src="list/12.png" id="v12" />
    <img class="lista-img" src="list/13.png" id="v13" />
</div>

我用“display：none”

使其不可见

我在表格中插入了8张这些图片：

<table align="center">
    <tr id="riga-img">
        <td class="td-img" id="iv1"></td>
        <td class="td-img" id="iv2"></td>
        <td class="td-img" id="iv3"></td>
        <td class="td-img" id="iv4"></td>
        <td class="td-img" id="iv5"></td>
        <td class="td-img" id="iv6"></td>
        <td class="td-img" id="iv7"></td>
        <td class="td-img" id="iv8"></td>
    </tr>
</table>

如何捕捉到位于td中的图像的ID？我做到了：

$("#riga-img td").click(function(){
    var id=$(this).child().attr('id');

但它没有运行。

Answer 1

试试这个。

$("#riga-img td").click(function(){ var id=$(this).attr('id');})

编辑：

答案：http://www.jsfiddle.net/pv1ngb7m

Answer 2

试试这个：

如果您的内部元素是<img>

var id = $(this).find('img').attr('id');

如果您的内部元素是<td>

var id = $(this).find('td.td-img').attr('id');

Answer 3

你在找这个吗？

$('#riga-img').on('click', 'img', function () {
    var id = $(this).attr('id');
});

抓住id孩子的元素？

3 个答案: