JSFiddle - React, Tailwind, and code Playground

HTML

<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>
<div id="item-2" 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][2]" type="text" maxlength="2" class="quantidade" />
        </div>
        <div class="detalhamento">
            Ind.<br />
            <input name="tamanho[salgada][2]" type="radio" value="pizza-individual" class="tamanho" />
        </div>
        <div class="detalhamento">
            Méd.<br />
            <input name="tamanho[salgada][2]" 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>

JavaScript

$('.but_adicionar a').click(function(){
    alert($(this).parents('.cardapio_item').attr('id'));
});