如何使用JavaScript或CSS選擇特定圖像

Question

如何使用JavaScript在表格或<div>選擇特定圖像以獲取所選圖像的id 。

我想根據用戶名將選擇的圖像保存到數據庫中，我認為上面的javascript用於選擇圖像，但是它不起作用：

 function imgWindow() { var s = window.getSelection() var r = document.createRange(); r.selectNode(document.images[a, b, c]); s.addRange(r); } 

 <div> <img src="images/p1.jpg" id="a" align="center" width="100" height="100" onclick="imgWindow()" /> <img src="images/p2.jpg" id="b" align="center" width="100" height="100" onclick="imgWindow()" /> <img src="images/p3.jpg" id="c" align="center" width="100" height="100" onclick="imgWindow()" /> <img src="images/p2.jpg" alt="b" align="center" width="100" height="100" onclick="imgWindow() "> </div> 

`

Answer 1

您可以將參數圖像本身傳遞給imgWindow函數，然后可以通過prop（）獲取圖像的ID

 function imgWindow(img) { //none juery version console.log(img.id) //jquery version console.log(($(img).prop("id"))) } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <img src="images/p1.jpg" id="a" align="center" width="100" height="100" onclick="imgWindow(this)" /> <img src="images/p2.jpg" id="b" align="center" width="100" height="100" onclick="imgWindow(this)" /> <img src="images/p3.jpg" id="c" align="center" width="100" height="100" onclick="imgWindow(this)" /> <img src="images/p2.jpg" alt="b" align="center" width="100" height="100" onclick="imgWindow(this) "> </div>