php – Usar variável no seletor javascript/JQuery, com ajax, capturando e reutilizando


Quero compartilhar essa solução já que não achei nada igual aqui na comunidade.

O objetivo é pegar um id da Div, transformar em variável e jogar ele num seletor $(“variavel”), que vai executar um .load() buscando as subcategorias no banco e exibindo nesse id em seguida.

tenho um menu deslizante que cria o id randômicos das categorias na hora, e eu queria gerar as sub categorias só após um clique com resultados vindos do banco.

as respostas que encontrei tem outro propósitos e tem um formato muito complicado eu sou super leigo e precisa ser mais fácil, ai vai a resposta.

esse é o formato do menu, carrega tudo de uma vez.

<li>
     <a href="#">Led Zeppelin</a>
        <ul>
           <li>
              <a href="#">Physical Graffiti</a>

               <ul>
                   <li>
                   <a href="#">In My Time of Dying</a>
                   </li>
                   <li>
                   <a href="#">Houses of the Holy</a>
                   </li>
               </ul>

            </li>
         </ul>
</li>

O jquery preenche com ids e com class automaticamente por isso tenho que pegar o id via evento pra dar um .load() nele para que os resultados sejam dinâmico.

capturo o id com .getAttribute(“href”), esse pega o id já com o #

olha a pegadinha, o id das subcategorias são criados e ficam armazenados no link da categoria pai, ai eu tive que capturar o valor do link que na verdade é a id da categoria interna/filha dele, o id esta no link.

idx = document.getElementById("div<?php echo $i;?>").getAttribute("href");

Jogo no seletor sem aspas, informando a categoria que desejo e mais alguns parametros

$(idx).load("processador_ajax.php",{solicita_se:"medameusprodutos",   get_cat:get_cat,  id:id,});

o resultado é perfeito

Se servir da um up obrigado.