Pegar o elemento "pai"

[eronventer 2]

Seguinte, teria uma forma mais simples de resgatar o id do elemento pai de um bloco ao invés de ficar setando diversos "parent"? No exemplo abaixo preciso pegar o id da primeira div ao clicar no link "adicionar".

 

<div id="item-1" class="cardapio_item">
    <div class="cardapio_nome">Teste</div>
    <div class="cardapio_ingredientes">Teste</div>
    <div class="cardapio_opcoes">
        <div class="detalhamento">
            Quantidade<br />
            <input name="quantidade[salgada][1]" type="text" maxlength="2" class="quantidade" />
        </div>
        <div class="detalhamento">
            Ind.<br />
            <input name="tamanho[salgada][1]" type="radio" value="pizza-individual" class="tamanho" />
        </div>
        <div class="detalhamento">
            Méd.<br />
            <input name="tamanho[salgada][1]" type="radio" value="pizza-media" class="tamanho" />
        </div>
        <div class="but_adicionar"><a href="#">adicionar</a></div>
        <div class="but_adicionado hide"><a href="#">adicionado</a></div>
    </div>
</div>

 

[Snowden 94]

pegar o ID dessa div ?

<div id="item-1" class="cardapio_item">

se for...

$('.but_adicionar').click(function(){
	alert( $('.cardapio_item').attr('id') ); // <- exibe o ID
});

nesse caso da certo se a class for sempre fixa, mesmo o ID podendo variar, "item-2, item-3, item-4..."

 

OPS...

malz.. man, analisando com mais calma, pude notar que a lógica acima ta errada

se você tem vários "item-"...

// ITEM 1
<div id="item-1" class="cardapio_item">
...
<div class="but_adicionar"><a href="#">adicionar</a></div>
</div>
// ITEM 2
<div id="item-2" class="cardapio_item">
...
<div class="but_adicionar"><a href="#">adicionar</a></div>
</div>
// ITEM 3
<div id="item-3" class="cardapio_item">
...
<div class="but_adicionar"><a href="#">adicionar</a></div>
</div>

Porém... a CLASS "cardapio_item" for sempre fixa, mesmo o ID podendo variar

para pegar o ID do qual o link "adicionar" está dentro é assim.

$('.but_adicionar').click(function(){
     // Exibe o ID da DIV do qual o link ADICIONAR esta dentro
	alert( $(this).closest('div.cardapio_item').attr('id') );
});

[Lucas Guima 164]

Eu não sabia, mas por causa da sua dúvida fui pesquisar e achei a função .parents().

 

Exemplo: http://jsfiddle.net/mHSRh/

 

Hugo, da maneira que postou ele vai buscar todas os itens, pelo que entendi do código, ele quer só o pai do link.

[Snowden 94]

Eu não sabia, mas por causa da sua dúvida fui pesquisar e achei a função .parents().

 

Exemplo: http://jsfiddle.net/mHSRh/

 

Hugo, da maneira que postou ele vai buscar todas os itens, pelo que entendi do código, ele quer só o pai do link.

 

Sim man, corrigi :thumbsup: