0

srcラップされた画像のリストから画像の値を取得し、divその値をテキストボックスに渡す必要があります。

私はこの例に取り組んできましたが、どの画像をクリックしたかに関係なく、常に最初の画像の値を取得します。

http://jsfiddle.net/FMW22/

srcそのテキストボックスをクリックした画像を常に取得するようにスクリプトを変更するにはどうすればよいですか。

4

3 に答える 3

3

これは、セレクターがオン#imgListContainerになっていて、を使用して画像を選択しているため$(this).find("img")です。

#imgListContainer imgセレクターをに変更し、img宣言をに変更する必要があります$(this)。

コードを次のように変更します。

$(document).on("click", "#imgListContainer img", function(){
    var img = $(this), // select images inside .container
        len = img.length; // check if they exist
    if( len > 0 ){
        // images found, get id
        var attrID = img.attr("src"); // get id of first image
       // alert(attrID);
        $("#Text1").val(attrID);
    } else {
        // images not found
    }
});​

デモ： http： //jsfiddle.net/FMW22/1/

于 2012-11-21T12:26:39.740 に答える
1 
$(document).on("click", "img", function(){
    $("#Text1").val($(this).attr("src"));
});
于 2012-11-21T12:26:58.677 に答える
1

簡単にする：

$("#imgListContainer").on("click", "img", function() {
    $("#Text1").val(this.src);
});​

デモ：http： //jsfiddle.net/FMW22/2/

于 2012-11-21T12:27:07.530 に答える