jquery - 查找多个属性并将其传递给 ajax

Question

我有jquery代码，可以找到div中所有图像的“src”属性(每个图像都有相同的类:.image_class)，然后将其发送到ajax(然后发送到找到该图像并删除它们的php文件)。这是代码:

$remove_images = $.each($("#main_div").find(".image_class").attr(""));
$.ajax({
    type: 'POST',
    data: {
        action: 'delete_images',
        imagefile: $remove_images
    },
    url: 'delete.php',
    success: function(msg) {
        alert("" + msg + "");
    }
})

PHP 文件如下所示:

  if($_POST["action"]=="delete_images"){
    @unlink($_POST['imagefile']);
  }

但这不起作用。我怀疑 $remove_images 中有问题(可以说“$.each 很糟糕)”。

Answer 1

您可以使用.map()从 jQuery 集合中收集内容的方法。

在我们的例子中，回调将为 .find() 返回的集合中的每个元素运行。 this 将代表当前的 DOM 元素。从回调中返回的任何内容都将包含在结果中。

var $remove_images = $("#main_div").find(".image_class").map(function () {
    return $(this).attr('src');
}).get();

jsFiddle Demo

我使用 .get() 方法将结果转换为纯 Javascript 数组。

请阅读 .map() 的手册以获取更多信息(一般来说，习惯使用手册，因为您可以在那里找到问题的答案 - 示例很棒在大多数情况下)。