javascript – Ocultar um elemento quando href estiver vazia


Estou criando uma opção de Download para um site, nesta opção existe dois link diferentes para Download que vai mudar de acordo com os requisitos do usuário. Em alguns casos será necessário apenas exibir uma única opção. Nesse caso gostaria de ocultar a opções que estivesse sem link disponivel.

Segue o código:

        <nav>
            <ul class="menu-download">   
                <li>
                    <a style="text-decoration: none" class="btn-download" title="Baixar Grátis uTorrent">
                        <div class="btn-download-left">
                           <i class="fas fa-angle-down"></i>
                        </div>
            
                        <div class="btn-download-right">
                           <span class="btn-download-right-main">Baixar Grátis</span> 
                           <span class="btn-download-right-secondary">Download Seguro (<?php echo get_post_meta( get_the_ID(), '_my_meta_value_key_link', true ) ?> )</span>
                         </div>
                    </a>
                   
                    <ul>
                        <li><a href="<?php echo get_post_meta( get_the_ID(), '_my_meta_value_key', true ) ?>">armeabi-v8a</a></li>
                        <li><a href="<?php echo get_post_meta( get_the_ID(), '_my_meta_value_key_1', true ) ?>">armeabi-v7a</a></li>
                    </ul>
                </li>
            </ul>
        </nav>

Gostaria de ocultar o elemento <a href="">armeabi-v7a</a>- quando a href estivesse vazia, ou seja, sem nem um link. Pesquisei mais não encontrei nem uma solução que pudesse realizar isso.