Jquery、ajax和php

我有以下代码来显示图像：

<?php foreach ($images as $row) : ?>      
                    <div class="box col_3">
                        <p><a href="<?php echo base_url() ?>public/images/fullscreen/<?php echo $row['image'] ?>" rel="prettyPhoto[gallery1]" title="<?php echo $row['title'] ?>">
                                <img src="<?php echo base_url() ?>public/images/thumbnails/<?php echo $row['image_thumb'] ?>" title="<?php echo $row['title'] ?>" ></a></p>                            

                                <textarea name="title_image" rows="3" class="title_image"><?php echo $row['title'] ?></textarea>
                                        <input type="hidden" class="id_image" class="id_image"  value="<?php echo $row['id_image'] ?>" >
                                        <input type="submit" name="update_image" id="update_image" value="Update" class="submit" /><br>
                        <a href="#" class="delete" id="<?php echo $row['id_image'] ?>">Delete image</a>
                    </div>
                <?php endforeach; ?>

您正在javascript中引用css类

$('.id_image').val()

这将始终返回此类第一次出现的值，例如第一张图像。
尝试使用提交按钮作为开始遍历DOM
e、 g

这将返回id的正确值。
然后您可以使用相同的方法获取标题

要更新加载图像，请使用相同的方法，但这次必须使用parents（）选择器

$（this.parents（'.box'）.append（'loadinfo.net.gif“id=”loading“/>'）；

由于您现在只分配了一个加载图像，所以删除功能应该可以按预期工作
为什么不工作？您看到了哪些错误消息，应该发生什么，以及会发生什么情况？@TJHeuvel:他在问题的最后一行说了这一点……功能更新图像的描述。当我尝试更新另一个图像时，会更新另一个图像在第一个框中，我得到：Message:Undefined index:title，Undefined index:id@Baszz不完全是。他肯定说它对第一个有效，对第二个无效，但不清楚什么对第二个无效。它在起作用：D。还有一个问题。当单击更新时，它加载gif，但加载到所有框中，成功后，它会加载gif仅在第一次删除。如何限制仅加载单击更新的框？
$('.id_image').val()

$('.submit').click(function(){
var id = $(this).prevAll('.id_image').val();

$(this).parents('.box').append('<img src="<?php echo IMG ?>loadinfo.net.gif" id="loading" />');