Ocultar diversos botões do menu

Olá cara comunidade,

Eu gostaria de retirar o botão SAIR [NICKNAME] do menu de navegação e adicionar outro botão chamado SAIR. Fiz isso por JS, mas, obviamente, escondeu os dois.

Alguma solução?

Olá,

Crie um novo JavaScript com investimento em todas as páginas:

Código:

$(function() {
    var logout = $('a#logout.mainmenu);
    var logoutlink = logout.attr('href');
    $(logout).replaceWith('<a class="mainmenu" href="'+logoutlink+'" rel="nofollow">Sair</a>');
});

Atenciosamente.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'

Olá @Raffy,

Não funcionou.

#Edit

Aviso que já possuo um código que esconde o botão Buscar.

Olá,

Elimine o JavaScript, vamos fazer por CSS:

Código:

a#logout {display: none;}

Agora você pode adicionar o sair manualmente, como lhe expliquei quando ocultamos o "Buscar".

Atenciosamente.

Okay, funcionou. Agora o botão LOGIN. Como escondê-lo?

Olá,

Troque o código acima por este:

Código:

a#logout, a[href="/login"] {display: none;}

Atenciosamente.

Olá,

Antes de eu colocar o código, quero ressaltar que irei criar um botão chamado ENTRAR, com o mesmo link do LOGIN. O código a ser colocado ainda é o mesmo?

Olá!

Infelizmente o CSS ainda não permite nos especificar exatamente qual o botão que nos desejamos ocultar, daria por :nth-child mas caso mudasse a ordem o código iria ocultar outro botão, então vamos passar ao JavaScript novamente. Pode adicionar a um JavaScript já existente com investimento em todas as páginas.

Código:

$(function(){$('li:has(#i_icon_mini_login)').remove()});

Quanto ao CSS, deixe apenas este para o botão de Sair [USERNAME]:

Código:

    a#logout{display: none;}

Atenciosamente.

Olá @Raffy,

Se assim é o máximo possível a se fazer, obrigado.

Até mais.