Skip to main content

Ajuda com Append()

Opa amigos, estou preso em uma lógica e gostaria da ajuda de vocês para achar a melhor saída.

Meu problema é o seguinte, tenho esse código html:

<ul class="card"></ul>

<button>
Aperteme
</button>

e faço uma ação com esse Jquery:

$('button').on('click',function(){
            $('.card').append(`<li> Teste </li>`)
})

A lógica é a seguinte: Tenho um botão, sempre que clico nele ele faz um append no meu .card, porem o que eu gostaria seria, se o meu .card já possuir um append, ao invés de ele criar uma nova linha, ele apenas agrupa com a existente.

No momento sempre que clico ele gera um novo append, quero q se já houver um append feito antes ele apenas agrupar o append.

Espero ter sido claro.