最后创建的div元素的jQuery选择器

时间:2012-07-11 19:56:03

标签: jquery

我有几个在上传文件后动态生成的div。每个文件上传都会以这种格式创建一个div:

<div id="uploadifive-fileupload-queue" class="uploadifive-queue">
    <div class="uploadifive-queue-item complete" id="uploadifive-fileupload-file-0">

        <div id="inputs">

            some text

        </div>
    </div>
</div>

上传的每个项目都会将uploadifive-queue-item类的id增加到uploadifive-fileupload-file-0,uploadifive-fileupload-file-1,uploadifive-fileupload-file-2等。

我要做的是将一个类添加到#inputs,但只添加一个刚创建的类。

我已尝试过以下内容,但它将该类应用于错误的div(通常是第一个div)

  $('#fileupload').uploadifive({
                'buttonClass'  : 'btn btn-primary',
                'buttonText'   : 'Select Thumbnail',
                'dnd' : false,
                'fileSizeLimit' : 1000,
                'method' : 'post',
                'simUploadLimit' : 1,
                'uploadScript' : './upload/',
                'onUploadComplete'  : function(file, data) {
                    $('#inputs:last').addClass('alert-error');
                }

            });

#fileupload只是表单的名称,这里是HTML:

<form id="fileupload">
    <input type="file" name="userfile" size="20" />
</form>

div直接添加到下面并位于同一个容器中。

如何选择正确的div?

1 个答案:

答案 0 :(得分:1)

试试这个:

$("#uploadifive-fileupload-queue .uploadifive-queue-item:last")应该为您提供最后添加的div

所以你的onLoadComplete处理程序将是:

'onUploadComplete'  : function(file, data) {
                    $("#uploadifive-fileupload-queue .uploadifive-queue-item:last").find('.inputs').addClass('alert-error');
                }