jQuery получение текстового содержимого диапазона

Question

Я пытаюсь написать функцию удаления в Dropzone.js. Для этого мне нужен идентификатор файла так, как он был загружен.

Я попытался получить свойство объекта без успеха. Теперь я пытаюсь использовать jQuery для получения значения или текстового содержимого диапазона, который имеет его.

это снимок экрана структуры. Код JQuery Я пытаюсь это:

var loooot = $(".dz-filename").parents('span').text(); 

Чтобы быть более точным, я пытаюсь получить номер 1_1477778745352 (что метка времени).

Код Dropzone выглядит следующим образом:

<script> 

var listing_id = "1"; 

// these are the setting for the image upload 
Dropzone.options.pud = { 
acceptedFiles: ".jpeg,.jpg,.png,.gif", 
uploadMultiple: false, 
paramName: "file", // The name that will be used to transfer the file 
maxFilesize: 1, // MB 
addRemoveLinks: true, 
maxFiles: 10, 
renameFilename: function (filename) {return listing_id + '_' + new Date().getTime();}, 
init: function() 
{ 
this.on("removedfile", function(file) 
    { 
    var loooot = $("span", ".dz-filename").html(); 
    alert(loooot); 
    }); 
} 
}; 
</script> 

Answer 1

Использование:

var loooot = $("span", ".dz-filename").html(); 

Рабочая Demo.

var loooot = $("span", ".dz-filename").html(); 
 
alert(loooot);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="dz-filename"> 
 
    <span>Test</span> 
 
</div>

EDIT

Так как вы настраиваете текст динамически может случится, что JQuery читать HTML до того, что вы установите его, чтобы предотвратить это, Вы должны вызвать эту функцию после отметки времени как обратного вызова (я не могу помочь вам, не видя, как вы устанавливаете текст span). Так что-то вроде:

function setSpan(callback) { 
    // Set your stuffs 

    // Call the callback 
    callback(); 
} 

function getText() { 
    // I'm the callback witch get the html 
} 

//Onload 
setSpan(getText()); 

EDIT

Для DropZone вы можете использовать queuecomplete, что запуск функции после очереди, я не эксперт, но я Dropzone предположить:

init: function() { 
    this.on("queuecomplete", function (file) { 
     //Get span html 
     alert("All files have uploaded "); 
    }); 
    } 

Answer 2

Это становится неопределенным, потому что dropzone работает динамично, используйте это:

$('body').find(".dz-filename").find('span').text(); 

Лучший способ сделать это, чтобы объявить Dropzone:

//first declare somewhere variable 
var my_drop; 

// then on creating dropzone: 
my_drop = new Dropzone('.dropzone', { 
/* your setup of dropzone */ 
}); 

Затем вы можете извлечь информацию о файлах с этим:

my_drop.files[0].name 

[0] представляют первый файл, вы можете перебрать их, если есть больше, чем один.

Answer 3

Попробуйте использовать JQuery's .text();, чтобы получить внутренний текст Обновление: используйте это с DOM .ready() вот так.

Глубокий селектор

$(document).ready(function(){ 
    var fname = $("#pud .dz-filename span [data-dz-name]").text(); 
}); 

ИЛИ (если форма является динамическим)

function get_fname(){ 
return $("#pud .dz-filename span [data-dz-name]").text(); 
} 

Затем используйте get_fname();

Answer 4

рабочего раствора я нашел это:

init: function() 
    { 
    this.on("removedfile", function(file) 
    { 
    var loooot = $(file.previewElement).find('[data-dz-name]').text(); 
    alert(loooot); 
    }); 
    }