jQueryを使用してページから画像を取得する

Question

基本的には、ページ内の画像へのリンクを取得して画像に変換することです。今、フォーラムの投稿内のリンクをつかんでイメージに変換するコードがありますが、それよりも具体的にしたいと思います。メインの4つのWeb画像拡張子（.jpg、.gif、.png、.bmp）を使用して画像を取得できるようにしたい。私はjQueryを初めて使っているので、これについていくつかの助けが本当に好きです。ここで私がこれまで持っている私のコードです：

(function($) { 
    if ($('#nav a[href*="/forum/3828932/"]').length && location.href.indexOf('/1/') !== -1) { 
     $('td.c_post:eq(0) a').each(function() { 
      link = $(this).attr('href'); 
      $(this).html('<a href="' + link + '"><img src="' + link + '" alt="Icon" /></a>') 
     }); 
    } 
})(jQuery); 

Answer 1

は、あなたがそれらの値http://api.jquery.com/attribute-ends-with-selector/

と、複数のセレクタ http://api.jquery.com/multiple-selector/

そうでhrefの端部を有するアンカーを選択するようにends-withセレクタを使用しようとすることができ、あなたのセレクタは次のように見えます

$('td.c_post:eq(0) a[href$=".jpg"],td.c_post:eq(0) a[href$=".png"],td.c_post:eq(0) a[href$=".gif"],td.c_post:eq(0) a[href$=".bmp"]')