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

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

1 个答案: