javascript - 通过url找到页面上的图片，并在下面放入数据

Question

我正在尝试找出一种通过 DOM 中的 URL 查找图片的方法，然后在图片下方插入一个小表单。我需要帮助理解通过 URL 在页面上查找图片的想法，以及如何将数据放置在图片的正下方。它不需要什么花哨的东西。

Answer 1

您可以使用属性等于选择器。

http://api.jquery.com/attribute-equals-selector/

因此类似:

$("img[src='Your URL']")

要添加表单，您可以使用 Append 方法

http://api.jquery.com/append/

因此类似:

$("img[src='Your URL']").append("your HTML");

编辑:

查看 JS fiddle 的工作示例: http://jsfiddle.net/2RDJU/1/

我实际上使用过 after() http://api.jquery.com/after/而不是追加，因为我们无法将 HTML 插入到 img 标签中。