JSFiddle - React, Tailwind, and code Playground
HTML
<div class="col-sm-12 single"><span class="caldera-forms-conditional-field" role="region" aria-live="polite" id="conditional_fld_7213314_3" data-field-id="fld_7213314_3"><div data-field-wrapper="fld_7213314" class="form-group cc_1_titular" id="fld_7213314_3-wrap">
<label id="fld_7213314Label" for="fld_7213314_3" class="control-label">first upload <span aria-hidden="true" role="presentation" class="field_required" style="color:#ee0000;">*</span></label>
<div class="">
<div id="fld_7213314_3_file_list" data-id="fld_7213314_3" data-field="fld_7213314" class="cf-multi-uploader-list">
<!-- This block exists only when a file was uploaded*/ -->
<ul class="cf-adv-preview-list"><li class="cf-uploader-queue-item fld_7213314_3_file_fl43783014677198 "><a href="#remove-file" data-file="fld_7213314_3_file_fl43783014677198" class="cf-file-remove">×</a> <span class="file-name">invoice-Y201837878.pdf</span> <div class="progress-bar" style="background:#ececec;"><div class="bar" id="progress-file-fld_7213314_3_file_fl43783014677198" style="height:2px;width:0%;background:#a3be5f;"></div></div><small class="file-type">application/pdf</small> <small class="file-size">26 kB</small><small class="file-error"></small></li></ul>
<!-- End of block -->
</div>
<button id="fld_7213314_3_trigger" type="button" class="btn btn-block cf-uploader-trigger" data-parent="fld_7213314_3">Add</button>
<input style="display:none;" accept=".pdf,.jpg,.png" class="cf-multi-uploader" data-config="{"custom_class":"cc_1_titular","attach":1,"multi_upload":1,"media_lib":1,"multi_upload_text":"Adicionar ficheiros","allowed":["application\/pdf","image\/jpeg","image\/png"],"max_size":2097152,"notices":{"file_exceeds_size_limit":"O ficheiro excede o tamanho m\u00e1ximo de carregamento para este...
JavaScript
if ( $('#fld_7213314_3_file_list').children().length > 0 ) {
alert("had file uploaded")
}