如何通过来源获取图像？答案

【问题标题】：How to get an image by its source?如何通过来源获取图像？
【发布时间】：2011-01-24 14:54:35
【问题描述】：

如何编写客户端 javascript 以通过来源获取图像？

【问题讨论】：

见stackoverflow.com/questions/3752857/jquery-select-img-with-src和stackoverflow.com/questions/835378/…和stackoverflow.com/questions/1007860/jquery-selectors

【解决方案1】：

页面上的图片？

你可以用 jQuery 做到这一点：

<body>
    <!-- your content including the image -->

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var myimg = $('img[src="/some/path/to/img.jpg"]');
        });
    </script>
</body>

这使用tag-selector^(docs) 和attribute-equals-selector^(docs) 来获取img 元素，其中src 与您想要的源匹配。

【讨论】：

虽然我建议将脚本标签放在<head> 部分，而不是正文中，只是为了遵守标准并保持整洁。 $(function() { //stuff here }); 确保脚本在 DOM 准备好之前不会运行，因此将其放在 <head> 部分不会有问题。
@Chevex：是的，$(function() {}); 确实可以确保 DOM 就绪，但我不确定您指的是哪个标准。
W3C 建议将这些放在<head> 部分，只是为了便于阅读。尤其是对 JQuery CDN 等外部脚本的引用。
@Chevex：我找不到那个建议。你能给我指点吗？在<body> 中放置<script> 标签确实符合标准。来自HTML 4.0.1, 18.2.1 “此元素可能在 HTML 文档的 HEAD 或 BODY 中出现任意次数。” 我浏览了更多建议，但找不到任何建议，但也许我正在寻找在错误的地方。

【解决方案2】：

使用 JQuery。

$("img[src='imageurl.jpg']")

【讨论】：