jquery - 如何从 jQuery 库获取项目的属性

Question

我正在使用这个 jQuery 库: http://hayageek.com/docs/jquery-upload-file.php

我的 html 看起来像这样:

<div class="fileuploader" data-id="153777230352"></div>

jQuery 初始化库代码如下所示。

$(".fileuploader").uploadFile({
    url: "upload.php",
    fileName: "myfile",
    onSuccess: function(files, data, xhr, pd) {
        var near = $(this).attr('data-id');
    }
});

我正在尝试从成功触发器内部获取 data-id 值。

我原以为$(this)会得到它，但我似乎无法弄清楚this的上下文是什么。

我不能简单地使用类名来查找它，因为页面上可能有多个实例。

有没有办法像这样获取data-id？

Answer 1

问题是因为 onSuccess 处理程序中的 this 不是对调用 uploadFile() 函数的元素的引用。它是对父设置对象的引用。

要保留对正在调用库的元素的引用，您可以显式使用 each()，如下所示:

$(".fileuploader").each(function() {
  var $uploader = $(this);
  $uploader.uploadFile({
    url: "upload.php",
    fileName: "myfile",
    onSuccess: function(files, data, xhr, pd) {
      var near = $uploader.data('id');
      // work with 'near' here...
    }
  });
});