如何使用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>