Pegar o id de uma tag span em uma tabela paixfilho

TOTVS Fluig Documentos (ECM)
, ,
1

Bom dia pessoal

Fazendo uma customização da class fluigicon, eu pensei em alterar o icone da classe fazendo uma chamada por botão que está em uma tabela paixfilho

Como consigo capturar o id que está na tag span desse input group ? Quero passar ele no lugar do input[id^='statusItem'] na linha do JS

HTML


<div class="form-group col-md-2">
    <label><b>Status</b></label>
    <div class="input-group">
        <span class="input-group-addon"><span id="id_changeIcon" class="fluigicon fluigicon-exclamation-sign"></span></span>
        <input type="text" class="form-control" name="statusItem" id="statusItem" readonly>
    </div>
</div>

JS


$(element).closest("tr").find("input[id^='statusItem']").removeClass("fluigicon fluigicon-exclamation-sign").addClass("fluigicon fluigicon-verified");
2

Quando vc usa o comando find("input[id^='statusItem']") vc selecionou o INPUT e nele vc não tem a classe fluigicon. Acho que o correto seria: find("input[id^='statusItem']").prev() para pegar a tag SPAN e dentro dela remover a classe fluigicon. Exemplo:


let statusItemEl = $(element).closest("tr").find("input[id^='statusItem']");
let id_changeIconEl = statusItemEl.prev().find('#id_changeIcon');

id_changeIconEl.removeClass("fluigicon fluigicon-exclamation-sign").addClass("fluigicon fluigicon-verified");

Mais ou menos isso, não testei, veja se funciona.

3

Isso mesmo, deu certo, muito obrigado