javascript - URLでページ上の画像を検索し、以下にデータを入力します

Question

DOM内のURLで画像を検索し、画像の下に小さなフォームを挿入する方法を見つけようとしています。URLでページ上の画像を見つけるというアイデアと、画像のすぐ下にデータを配置する方法を理解するのに助けが必要です。派手なものである必要はありません。

Answer 1

jQueryで非常に簡単に行うことができます：

$('img:not([src="imageNameHere.png"])');

次の行を頭に入れてください

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

Answer 2

jqueryを使用すると、非常に簡単です。

$('img[src=/url/to/image]')

標準のJSを使用すると、次のような問題が発生します。

imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
   if (imgs.src == '/usr/to/image') {
      ...
   }
}

Answer 3

Attributeequalsセレクターを使用できます。

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フィドルを参照してください：http： //jsfiddle.net/2RDJU/1/

HTMLをimgタグに挿入できないため、実際には追加ではなくafter() http://api.jquery.com/after/を使用しました。