Question

如何使用javascript选择表格中的特定图片或<div>以选择id的图像。

我想根据用户名将选中的图像保存到数据库中我认为上面的javascript用于选择图像，但它不起作用：

＆＃13;

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

＆＃13;

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

＆＃13;

`

Answer 1

您可以将参数图像本身传递给imgWindow函数，然后您可以通过prop（）

获取图像的id

＆＃13;

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

＆＃13;

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

＆＃13;

如何使用javascript或css

1 个答案: