给动态元素ID

时间:2014-07-02 17:09:03

标签: javascript jquery html ajax

所以: 我通过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的专业人士,我想感谢所有答案。

1 个答案:

答案 0 :(得分:1)

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

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

WORKING JSFIDDLE DEMO