輸出代表特定的ID

我需要創建一個只輸出任何圖像的ID，只要它在用戶點擊（JavaScript或jQuery的它不事關）輸出代表特定的ID

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

來源

2013-01-31 Paul G. Nahed

您的圖片沒有ID。你的意思是父細胞的ID？另外，你有什麼嘗試？ – j08691

yea ... id爲確實是 –

ID必須是唯一的 –

類添加到您的表：

<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-31 16:57:15 AlienWebguy

儘管我只是爲了保持一切正常，我不會命名變量'id'。 –

嗯，太直觀了？ – AlienWebguy

大聲笑 - 也許這樣:) –

試試這個功能。

$("td img").on("click", function() { 
    var id = $(this).closest("td").attr("id"); 
    // do as you want with id 
});

來源

2013-01-31 16:52:55 Plynx

無圖片的有編號的，但你可以得到的表格單元格的ID：

$('image').click(function(){ 
    var parentID = $(this).closest('td').id; 
    console.log(parentID); 
});

來源

2013-01-31 16:53:35

試試這個

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

LIVE DEMO

來源

2013-01-31 16:53:52 Codegiant

'this.id' man。 jQuery和'attr'屬性是多餘的。 – AlienWebguy

如果您正在尋找打印包裝圖像的數據單元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-31 17:10:16

輸出代表特定的ID​​

回答

相關問題

輸出代表特定的ID