Question

我从li元素中获取图像源。

$(document).ready(function () {
    $('li.k-state-selected').live("click", function () {
        var src = $(this).find("img").attr("src");
        alert(src);
    });
});

那么如何使用其来源在另一个div中显示图像？

Answer 1

像这样 - 请注意{I}已被弃用：

live

或只是

$(function () {
    $('li.k-state-selected').on("click", function () {
        var src = $(this).find("img").attr("src");
        $("#someDivId").html('<img/>', {"src":src, "alt":"My Image"});
    });
});

如果动态添加了LI，您可能希望委派：

$(function () {
    $('li.k-state-selected').on("click", function () {
        var $img = $(this).find("img").clone();
        $("#someDivId").append($img);
    });
});

Answer 2

$(document).ready(function () {
    $('li.k-state-selected').live("click", function () {
        var src = $(this).find("img").attr("src");
        $("#youOtherDiv").append("<img src='"+ src + "' />");
    });
});

只需添加一个新行;）就像这样

Answer 3

只需在点击事件中执行此操作：

$(this).find("img").clone().appendTo(".container-to-add-to");

如何用div显示div中的图像

3 个答案: