jquery - 如何通过图像路径获取Img的ID？

Question

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

如果我有很多带有不同图像和不同 ID 的简单图像标签。

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

现在我想访问其中一张图像来更改属性。为此，我需要一种方法来访问特定图像，但我只知道图像路径(scr)。

如果我只知道“mypathtoimage”，如何获取图像的 id？

非常感谢。

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