如何通过图像路径得到图的ID？

Question

我有一个简单的问题。我环顾四周，但我无法找到一个答案。

如果我有很多简单的图像标签与不同的图像，以及不同的ID。

<img scr="mypathtoimgae" id="1234">

现在我想访问这些图像的一个更改属性。为此，我需要一种方式来获得访问特定的形象，但我只知道图片路径（SCR）。

我怎样才能获得图像的ID，如果我只知道“mypathtoimage”？

非常感谢。

Answer 1

它应该是相当直接的，当你知道img SRC。您可以使用属性选择和获取信息：

$(function () {
  var imgSrc = "praveen.png";
  console.log($('[src="' + imgSrc + '"]').get(0).id);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<img id="google" src="google.png" />
<img id="praveen" src="praveen.png" />
<img id="microsoft" src="microsoft.png" />

我上面做的事情是，得到纯净的DOM元素，并得到它的id财产。所有的元素都暴露自己id属性的id属性。

您还可以使用纯JavaScript做到这一点：

var imgSrc = "praveen.png";
console.log(document.querySelector('[src="' + imgSrc + '"]').id);

<img id="google" src="google.png" />
<img id="praveen" src="praveen.png" />
<img id="microsoft" src="microsoft.png" />