使用 JQuery 对具有相同类名的元素进行全局访问

Question

我搜索了所有论坛的答案，但我找不到... 好吧，看起来问题很简单。 :)

我添加了具有相同类名称“FileSelect”的类（它们是输入类型=文件），我想在上传所有文件大小之前进行计算。

我可以为每个班级做这件事，并确定要发送的大小。 Onchange 函数我这样做：

$(function(){   
    $('.FileSelect').live('change', function() {

        var totalSize=0;
        for ( var i=0 ; i< this.files.length ; i++)
        {
            totalSize += this.files[i].size ;
        }
        alert(totalSize);   
    });
});

================================================ ========================= 现在的问题是我在每个文件中都有一个删除按钮，我想减去大小 每次删除。但问题是，当您单击“删除”按钮时，您无法访问“this”变量，因为它位于 FileSelect 之外。

所以此时简单的解决方案是访问所有名为 FileSelect 的类和 询问尺寸。我这样做但不工作。

$(".FileSelect").files.length ;

那么你怎么能改变“这个”变量，这样你就可以全局访问具有相同类名的元素.....？

Answer 1

files 是 DOM 元素的属性，jQuery 不使用它。

$(".FileSelect")[0].files.length

如果不查看您的标记，很难说是否可以使用 this 访问 input:file 字段。