javascript - そのimg srcが現在ページに存在する場合、1つのajaxがロードされたimgにクラスを適用しますか?

Question

ここに質問があります: .load( を介してページの div にロードされる画像のリストがあります

$('.widget-top').live("click", function() {
    $(".area").load("/galleries/ #projects > li a");
});

次の構造でロードします。

<a href="#"><img src="photoA.jpg" /> </a>
<a href="#"><img src="photoB.jpg" /> </a>
<a href="#"><img src="photoC.jpg" /> </a>
<a href="#"><img src="photoD.jpg" /> </a>
<a href="#"><img src="photoE.jpg" /> </a>

画像をクリックすると、src が取得され、次のようにフォームの値に追加されます。

$("#widgets-right .area a").live("click", function() {
    $(this).toggleClass('selected');
    if ( i === 2){
        alert('added to project 1 if you want to add more projects just click the button below');
        var title = $(this).attr('title');
        $(".title").val(title);
        var link = $(this).attr('href');
        $(".link").val(link);
        var img = $("img", this).attr('src');
        $(".img").val(img);
        var imgexample = $("img", this).attr('src');
        $(".gallery_one").attr("src", imgexample);
    }
    else{
        i --;
        alert('added to project'+i); 
        var title = $(this).attr('title');
        $('.title'+i).val(title);
        var link = $(this).attr('href');
        $('.link'+i).val(link);
        var img = $('img', this).attr('src');
        $('.img'+i).val(img);
        var imgexample = $('img', this).attr('src');
        $('.gallery_one'+i).attr("src", imgexample);
        i++;
    }
});

この行からわかるよう$(this).toggleClass('selected');に、クリックするとクラスが切り替わります。ここまではすべて問題ありません。フォームを保存すると問題が発生し、ajax を介して更新されます。選択したクラスを持つ画像は、更新されたため、選択したクラスがなくなりました。ページ上で選択した画像の現在のソースを含む入力フィールドがあります。これらのフィールドを検索して、入力フィールドの src が .load() 呼び出しでリロードされた画像の src と一致する場合、クラスを再適用する方法はありますか? クリス