如何通过图像路径获取图像的ID?

时间:2019-02-06 09:11:21

标签: jquery

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

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

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

现在,我想访问这些图像之一来更改属性。为此,我需要一种访问特定图像的方法,但我只知道图像路径(scr)。

如果我只知道“ mypathtoimage”,如何获取图像的ID?

非常感谢。

1 个答案:

答案 0 :(得分:2)

当您知道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" />