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の印刷を探している場合、1つのオプションは、JavaScriptから親ノードを取得できるようにする各画像のIDを添付することです。次のようになります。

<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 に答える