0

我需要创建一个函数，只要用户点击它，它就只输出任何图像的 id。（Javascript 或 jQuery 没关系）

<table>
  <tr>
    <td id="1"><img src="image1.gif"></td>  
    <td id="2"><img src="image1.gif"</td>
    <td id="3"><img src="image1.gif"</td>           
  </tr>
</table>
4

5 回答 5

1

向表中添加一个类：

<table class="tblImages">
  <tr>
    <td id="1"><img src="image1.gif"></td>  
    <td id="2"><img src="image1.gif"</td>
    <td id="3"><img src="image1.gif"</td>           
  </tr>
</table>

然后委托绑定：

$('.tblImages').on('click', 'td', function(e){ 
    var id = this.id; // here you go
});

演示：http: //jsfiddle.net/Uz2pW/

于 2013-01-31T16:57:15.407 回答
0

尝试这个：

$("td img").on("click", function() {
    var id = $(this).closest("td").attr("id");
    // do as you want with id
});
于 2013-01-31T16:52:55.573 回答
0

您的图像都没有 id，但您可以获得表格单元格的 id：

$('image').click(function(){
    var parentID = $(this).closest('td').id;
    console.log(parentID);
});
于 2013-01-31T16:53:35.427 回答
0

尝试这个

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

现场演示

于 2013-01-31T16:53:52.317 回答
0

如果您正在寻找打印包装图像的数据单元 id，那么一种选择是为每个图像附加一个 id，这将使您能够从 javascript 检索其父节点。它看起来像这样：

<html>
<head>
<script>
function say_id(some_id) {
    alert(document.getElementById(some_id).parentNode.id);
}
</script>
</head>
<body>
<table>
<tr>
    <td id="1"><img id="img-1" src="Tulips.jpg" onclick="say_id(this.id)"/></td>  
    <td id="2"><img id="img-2" src="Tulips.jpg" onclick="say_id(this.id)"/></td>
    <td id="3"><img id="img-3" src="Tulips.jpg" onclick="say_id(this.id)"/></td>           
</tr>
</table>

</body>
</html>
于 2013-01-31T17:10:16.313 回答