Ocultar elemento de acordo com o link da página

Detalhes da questão

Endereço do fórum: https://somosmugiwara.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Eu quero que o elemento abaixo fique oculto caso o link do mesmo seja o mesmo que o da página. Logo caso o link da página for o mesmo que o href do elemento no code abaixo, o elemento a seria oculto. Seria possível algo assim?

Código:


<li class="btn-thank" style="display: block;"><a title="Finalizar a aventura?" href="/t963-criando-confusao-em-ohara"><i class="ion-heart"></i></a></li>


Edit: coloque o código todo, com o li, que possui um id único
Edit 2: Já fiz o código abaixo, porém estou apenas com um pequeno problema, vejam abaixo:

Código:


 
$(function(){
    var url = window.location.href.toString();
    var divid = $("#btn-thank a").attr("href");
    alert(url);
    alert(divid);
      if (url == divid)
      {
        $("#btn-thank").css('display','none');
      }
      else if (url != divid)
      {
        $("#btn-thank").css('display','block');
      }
});


A variável url está retornando o link completo e a variável divid pega o link do elemento html, porém o mesmo não é completo. Como poderia ajustar para o código ficar totalmente funcional?

Olá @Connor R.,

Não testei o seu código, mas reparei que o senhor trocou o atributo de class para id - o correto é .btn-thank Altere o seu código para:

Código:

(function($) {

    $(function() {


        var topicurl = $('.btn-thank').find('a');

        if (window.location.href.indexOf(topicurl.attr('href')) > -1) {
            topicurl.remove();
        }

    });

}(jQuery));

Atenciosamente,
pedxz.

Ah sim, eu já tinha ajustado isto. Mas consegui resolver com o atributo child do css. Agora está totalmente funcional, thanks.

@Connor R.: Este código

Código:

<li class="btn-thank" style="display: block;"><a title="Finalizar a aventura?" href="/t963-criando-confusao-em-ohara"><i class="ion-heart"></i></a></li>

Encontra-se no tópico?! Se sim, dá para fazer o que o senhor deseja sem um script

Vou te explicar o objetivo, quando o usuário clica no botão obrigado o mesmo ainda fica visível, mesmo que inoperante. O código que fiz busca o href do botão obrigado, caso o mesmo já tenha sido clicado ele é oculto, caso ainda não tenha sido clicado ele fica visível.

No fim ficou assim,

Código:


$(function() {
    var url = window.location.href.toString();
    var divid = $(".boxpost2:nth-child(3n + 1) #btn-thank a").attr("href");
    var url2 = "https://somosmugiwara.forumeiros.com";
 
      if (url == divid)
      {
        $("#btn-thank a").addClass("blzx");
      }
      else if (url2 == divid)
      {
        $("#btn-thank a").addClass("blzx");
      }
  else if (url != divid)
      {
        $("#btn-thank a").addClass("blzx2");
      }
      else
      {
        $("#btn-thank a").addClass("blzx");
      }
  });