php - 访问图像数组中的单个元素

Question

我想知道如何能够单独访问图像数组中的元素，以便我可以增加单个元素而不是整个类/数组的高度/宽度。

<?php
$imgdir = 'dirimages/';
$images = glob($imgdir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
?>
<script>
    jQuery(function () {
        var phpvar =   <?php echo json_encode($images) ?>;
        $.each(phpvar, function (id, image) {
            jQuery('#slidediv').append('<img class="loadimg" src="' + image + '"/>');
        });

        $('.loadimg').click(function () {
            $('.loadimg').animate({height: '500px', width: '500px'});
        });

    });
</script>

Answer 1

您正在使用其 class 名称选择整个元素。只需尝试使用 $(this) 访问当前元素。此外，您动态地附加这些元素，因此您应该通过.on() 在您的上下文中使用事件委托(delegate)。

尝试，

$(document).on('click','.loadimg', function(){
    $(this).animate({height:'500px', width:'500px'});
});