$（変数）で変数idを取得する方法.click、jquery

Question

自分のページに直接開いたフォルダに複数の画像があります。 問題は、各画像がCSS（高さ、幅、余白など）で特定のスタイルを持っているため、これらの生成された画像のIDを取得したいということです。このidで私は別の場所の私のページにそれらを置きたい。

可能であれば、$（variable）.clickに変数idを取得したいとします。私はどのように知っていない、

<img src="./img/catone/picture7.png" class="elm" id="picture7"> 

をこのコードでは、私が唯一class="elm"を取得することができます。このラインから

は私が持っている

HTMLコードでアウトに

$("#bgaff1").append("<img src='" + dir + filename + "' class='elm' id='"+item+"'>"); 

画像を生成します生成されたIDをitem変数で取得する

$('.elm').click(function(){ 
    var pict1= document.getElementById("pict1"); 
    pict1.src= dir + filename; 
}); 

私はすでにこれを試しました：

$('.elm').click(function(){ 
    var pict1= document.getElementById("pict1"); pict1.src= dir + filename; 
    var pict2= document.getElementById("pict2"); pict2.src= dir + filename; 
}); 

しかし、このコードでは、両方の画像に同じスタイルが適用されますが、同じIDは使用されません。だからこそ、$('.elm')を画像の一意のIDで強制的に入力したいのです。#pict1、#pict2 ...それぞれの画像を1つの異なる操作で処理します。

ありがとうございました。

あなたがここにAjaxコードを見つけることができます。

$(document).ready(function() { 
    $('.categorie').click(function() { 
    var dir = ($(this).attr('value')); 
    var fileextension = ".png"; 

    $.ajax({ 
     //This will retrieve the contents of the folder if the folder is configured as 'browsable' 
     url: dir, 
     success: function(data) { 
     //List all .png file names in the page 
     $('#bgaff1').empty(); 

     $(data).find("a:contains(" + fileextension + ")").each(function() { 
      var filename = this.href.replace(window.location.host, "").replace("http://", ""); 
      var item = filename.replace('/', '').replace('.png', ''); 
      $("#bgaff1").append("<img src='" + dir + filename + "' class='elm' id='" + item + "'>"); 
      var filen = filename.replace(/[0-9]/g, "").replace('/', '').replace('.png', ''); 
      $('.elm').click(function() { 
      var pict1 = document.getElementById("pict1"); 
      pict1.src = dir + filename; 

      }); 
     }); 
     } 
    }); 
    }); 
}); 

Answer 1

の代わりにあなたが

$('.elm').click(function(){ 
    $(this).attr("src","_link_"); 
}); 

コードの上に、この操作をクラスで動作することができます生成されたIDが希望を置く見つけることトリングを値をクリックした画像に適用します。それでも

あなたは現在の要素IDを見つけたい場合は、使用

$('.elm').click(function(){ 
    var id = $(this).attr("id"); 
}); 

Answer 2

次あなただけの要素のIDを取得するためにthis.idを使用し、同様にURLを設定するために.srcを使用することができます。

$('.elm').on('click', function() { 
    var id = this.id; 

    ... 
    this.src = dir + filename; 
});