В форме есть блок
<div class="custom-file">
<input type="file" name="thumbnail" class="custom-file-input" id="thumbnail">
<label class="custom-file-label" for="thumbnail">
@if($post->getImage())
{{ $post->thumbnail }}
@else
Выберите файл
@endif </label>
<div class="delete-file" id="del"><i class="fa fa-times-circle"></i></div>
</div>
Хочу пока при клике на #del вытащить содержимое .custom-file-label
$(document).on('click', '#del', function () {
alert('Удалить файл?');
let label;
$(this).parent().each(function (){
label=$(this).find('custom-file-label').val();
});
console.log(label);
});
Но ничего не получается. По логике: перехожу в родительский элемент .custom-file, далее перебираю все содержащиеся там блоки и нахожу нужный