javascript - 为动态元素提供 ID

Question

所以:我通过 JQuery 动态地将一些图像放入列表中。我需要为每个图像分配不同的 ID，因为我想在另一个 div 中显示单击的图像。

这是我的 JQ 代码:

<script>

$.ajax({
    url: "Imagens/Trabalhos", //folder name
    success: function(data){
        var count = 0;
        $(data).find("a:contains(.jpg),a:contains(.png)").each(function(){
            // will loop through 
            var images = 'Imagens/Trabalhos/' +$(this).attr("href"); //get images names and set the path
            count++;
            var nome ='image'+count; //set the Suposed ID
            $('#ImageList').append('<li><a href="#" id="'+nome+'"><img src="' + images + '" width=90px height=120px></a></li>'); //Apply the images to the page, but the it dont recognise the id.

        });
    }
});

</script>

我知道如何在另一个 div 中显示图像，但我需要 ID(对吗？)。我不是 Jquery 专业人士，我想感谢所有的答案。

Answer 1

您不需要 ID 即可在另一个 div 中显示图像。您只需设置一个事件监听器，如下所示:

$(function() {
    $('#ImageList').on('click', 'img', function() {
        $('#destination_div').html( $(this).clone() );
    });
});

WORKING JSFIDDLE DEMO