在 div 标签内追加 Jquery答案

【问题标题】：append inside div tag Jquery在 div 标签内追加 Jquery
【发布时间】：2015-05-04 02:09:00
【问题描述】：

我想在单击按钮时在我的 div 标签中附加一些图像。

html div 标签

<div id="imagedisplay<?php  echo $unapp->property_id; ?>"></div>

jquery

$('.view_image').click(function(e) {
    e.preventDefault();
    var prop_id = $(this).data('property-id');

    $.ajax({
        type:"POST",
        dataType: 'json',
        url:"<?php echo base_url('admin_baman_kumba/images/'); ?>",
        data: {property_id: prop_id},
        success: function(data) {
            console.log(data);
            for (var i = 0; i < data.length; i++) {
                console.log(data[i].name);
                $('#imagedisplay'+ prop_id+'').prepend('<a href="<?php echo base_url(); ?>/upload_images/"'+ data[i][name] +'" data-lightbox="property">Image #'+ i +'</a>');
            };
        }
    });
});

Ajax 工作正常。这是我在执行console.log(data); 时得到的结果。

Object { total: Array[6] }

在我拥有的对象内

我的问题是图像没有附加到 div 标签，我没有收到任何错误。有人可以帮我解决这个问题。 tnx。

【问题讨论】：

console.log(data[i].name); 是否在 for 循环中将图像 url 记录到控制台？
此外，您的问题是您想要附加图片，但您的代码是前置链接。想要的功能是什么？
我试过console.log(data[i].name); console.log(data[i]->name); 它没有记录图像网址。
@IronFlare，我也试过追加，但也没有用。
好的，我现在只是想通过代码来尝试找出可能出错的地方。 $(this).data('property-id'); 应该获得被点击元素的 (.view-image) data-property-id 属性。这是你的意图吗？

标签： javascript php jquery ajax

【解决方案1】：

首先，data 不是我在您的object 中看到的数组。数组是total 在data 内。所以for() 循环应该以data.total 的长度运行。

其次，在for 循环中将data 替换为data.total

【讨论】：

不敢相信我错过了数据嵌套在 total 中。这肯定可以解决问题。 +1。
天啊。非常感谢@sanchit