Ocultar campo de zoom com javascript

Olá, tenho uma tabela pai-filho com duas colunas: produto e grupo

Captura de pantalla (15).png

Na coluna do produto, tenho dois campos de tipo de zoom chamados productA e productB, respectivamente (cada um com um conjunto de dados carregado). Preciso que ao selecionar o botão "nuevo registro" uma nova linha seja adicionada, mas no campo do produto apenas uma input de zoom seja mostrada, deixando a outra oculta. Existe uma maneira de realizar esta função? Eu tentei o código a seguir, mas pressionar o botão ainda mostra as duas inputs no campo do produto:


function agregar(){
            wdkAddChild('tabla-productos');
            $('input[id^="productoA___"]').each(function(index, value){
                var seq = $(this).attr("id").split("___")[1];
                $("#productoA___" + seq).hide();
            });
        }

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

Valentina, o problema é que o Zoom é um composto de um campo select e um span que faz o trabalho visual.

O select já fica oculto, então você precisa ocultar o span que vem após o select (que é o visual).

Tente isso pra ver se funciona.


function agregar(){
    wdkAddChild('tabla-productos');
    $("select[id^='productoA___']").next("span.select2").hide();
}

Funcionou, muito obrigado!