2

Tenho um conjunto de botões onde quero retornar o ID da tag pai quando um botão for clicado para implementar uma função.

<div id="botoes">
  <button data-for="cod" onclick="checkbox(this)">cod</button>
  <button data-for="nome" onclick="checkbox(this)">nome</button>
  <button data-for="barras" onclick="checkbox(this)">barras</button>
  <button data-for="desc" onclick="checkbox(this)">desc.</button>
</div>

como faço isso? Meu "google-fu" não me ajudou...

3
  • 1
    Você quer ter acesso ao id de "botoes" de dentro da função checkbox, é isso?
    – bfavaretto
    Commented 10/09/2014 às 17:16
  • não, a função checkbox é apenas o nome dela.. ela faz outra coisa nem era necessária estar ai. Commented 11/09/2014 às 15:06
  • Uai, então não entendi por que você aceitou a resposta abaixo...
    – bfavaretto
    Commented 11/09/2014 às 15:07

2 Respostas 2

4

Use o parentElement para obter o elemento DOM relativo ao pai. O parentNode é apenas por compatibilidade com browsers muito antigos, mas pode ser removido.

function checkbox(child) {
    var parent = child.parentElement || child.parentNode;
    var id = parent.getAttribute('id');
}

Mais detalhes: parentElement e parentNode

1
  • valeu pela informação... acabei reformulando a lógica do sistema para ficar mais plausível... Commented 11/09/2014 às 15:07
1

Sei que já faz algum tempo que a pergunta foi postada, no entanto, fica como forma de aprendizagem para os demais que por aqui passarem :-)

Neste caso, você poderia usar um recurso do jQuery: o .parent().

Ele, assim como o .closest() servem para a questão, no entanto, como você deseja simplesmente pegar o elemento pai sem nenhuma especificação (via id ou classe), sugiro o .parent().

Ficaria assim (demo):

function checkbox(btn){
  var idParent = $(btn).parent().attr('id'); 
  alert(idParent);
}

Ou se preferir um javascript puro (demo):

function checkbox(btn) {
    var idParent = btn.parentElement.id || btn.parentNode.id;
    alert(idParent);
}

Fica a dica.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .