javascript - 如何使用 javascript 或 css 选择特定图像

Question

如何在表或 <div> 中选择特定图像使用 javascript 获取 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>