У меня есть элемент img html, который я хочу скрыть или удалить при определенном условии, но конструкция элемента неизвестна и всякий раз, когда я пытаюсь ее утешить. он дает null. Элемент построен с использованием ext Js3.4.
JQuery:
$('#FACILITY_ID_field__div').find('img.x-form-trigger').remove();
HTML:
<div id="FACILITY_ID_field__div">
<input type="hidden" id="id32" name="FACILITY_ID" value="5776" placeholder="Facility ID, name, or location" class="fieldsXtraLength">
<div class="lov-sleek" id="ext-gen109">
<div class="x-form-field-wrap x-form-field-trigger-wrap x-trigger-wrap-focus" id="ext-gen110" style="width: 450px;"><input type="text" id="idlov32" name="FACILITY_ID_lov" class="x-superboxselect-input x-form-text x-form-field x-form-focus" value="" placeholder="Facility ID, name, or location" style="width: 425px;"><img src="/ext/resources/images/default/s.gif" class="x-form-trigger x-form-arrow-trigger " id="ext-gen111"></div>
</div>
</div>
Сначала вы должны видеть, что элемент виден или нет, тогда вы должны выполнить this---
if $('#FACILITY_ID_field__div').find("img[class='x-form-trigger']").is(":visible"){
$('#FACILITY_ID_field__div').find("img[class='x-form-trigger']").remove();
}
Думаю, это поможет вам
window.setTimeout( function(){ $('#FACILITY_ID_field__div').find('img.x-form-trigger').remove(); },10);