1

Tenho o seguinte código, e gostaria de remover apenas o texto ' Opções de configuração:' sem alterar a tag "a" com jquery, alguem pode me ajudar?

<small>

Opções de configuração: 

<a href="javascript:void(0);" onclick="teste" class="hiperlink" alt="">Alterar
</a>

</small>
2

4 Respostas 4

1

Você pode pegar texto dentro de elementos com nodeType == 3:

$('small').contents().filter(function(){
    return this.nodeType == 3;
}).remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<small>

Opções de configuração: 

<a href="javascript:void(0);" onclick="teste" class="hiperlink" alt="">Alterar
</a>

</small>

1
  • 1
    Gostei da sua solução +1 Commented 6/12/2017 às 14:14
1

Criei um botão que ao ser clicado armazenará o link em uma variável (selecionando por sua classe hiperlink) em seguida limpará o conteúdo da tag <small> com o método empty() e posteriormente acrescentará a seu conteúdo a variável link através do método append().

$("#Remover").on("click", function(){
  var link = $(".hiperlink");
  $("small").empty().append(link);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<small>
  Opções de configuração: 
  <a href="javascript:void(0);" onclick="teste" class="hiperlink" alt="">
    Alterar
  </a>
</small>

<div>
  <button id="Remover">
    Clique para remover o texto
  </button>
</div>

0

Você pode alterar o html dessa forma

$("#tag-small").html($("#tag-small a"))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<small id="tag-small">

Opções de configuração: 

<a href="javascript:void(0);" onclick="teste" class="hiperlink" alt="">Alterar
</a>

</small>

0

Uma solução possível é mudares o teu html para

$("small > span").text("");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<small>
    
  <span>Opções de configuração:</span> 

  <a href="javascript:void(0);" onclick="teste" class="hiperlink" alt="">
    Alterar
  </a>

</small>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .