javascript - 在ID中显示第1张图片

有兴趣知道我是否可以使用jQuery在页面上找到第一张图像，然后单击放大将其显示为缩略图。例如，在这个特定的博客上，当客户将一个图像添加到帖子中时，jQuery将找到第一个图像，并将其显示为特定位置中的可单击缩略图。如果详细图像可以显示在thickbox，facebox或另一个jQuery覆盖窗口中，那将是理想的。

预先感谢您的想法。
杰克逊

最佳答案

您可以使用:first选择器找到第一个图像，然后使用克隆可以将图像复制到任何其他位置并从那里进行修改。

$(document).ready(function() {

    var firstImage = $('img:first');
    var link = $('<a />')
                    .attr('href', '#')
                    .append($('img:first').clone().css({ width:100, height:100 }))
                    .append($('<div />').text('Click to Enlarge'))
                    .click(function(e) {
                        e.preventDefault();
                        // showDialog();
                    });
    $('.imageThumbnail').append(link);

    $('.imageDialog').append(firstImage.clone());

});

关于javascript - 在ID中显示第1张图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2010977/