jquery - Jquery总是从包含在div中的图像列表中获取第一张图像的价值

Question

我需要src从包含在其中的图像列表中获取图像值div并将该值传递给文本框。

我已经研究过这个例子，但它总是得到第一张图像的值，而不管你点击哪个图像。

http://jsfiddle.net/FMW22/

我如何修改脚本以使其始终获取src单击到该文本框的图像

Answer 1

这是因为您的选择器已打开#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/

Answer 2

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

Answer 3

让它更简单：

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

演示：http: //jsfiddle.net/FMW22/2/