bouton changer le nom lorsque vous appuyez sur

Question

J'essaie de créer un bouton qui change sa valeur quand il est pressé.

$("button").click(function() { 
    valor = this.html(); 
    retorno = (valor == 'Exibir') ? 'Ocultar' : 'Exibir'; 
    this.html(retorno); 
}); 

Je vais avoir ce message:

Uncaught TypeError: Object # n'a pas de méthode 'html'

Je vous remercie de toute aide.

Answer 1

Essayez cette

valor = $(this).html(); 

Answer 2

this est un objet HTMLElementNode, pas un objet jQuery.

valor = jQuery(this).html(); 

Answer 3

Utilisez cette ...

$("button").on('click', function() { 
    valor = $(this).html(); 
    retorno = (valor == 'Exibir') ? 'Ocultar' : 'Exibir'; 
    $(this).html(retorno); 
}); 

Voir cet exemple jsFiddle

Answer 4

this fait référence à l'objet HTMLElementNode (fenêtre) et n'est pas un objet jquery et comme html est une méthode jquery il ne fonctionnera pas.

Donc, pour en faire un objet jquery vous avez besoin d'envelopper le $ autour:

$("button").click(function() { 
    valor = $(this).html(); 
    retorno = (valor == 'Exibir') ? 'Ocultar' : 'Exibir'; 
    $(this).html(retorno); 
}); 

Answer 5

this se référera à un HTMLElementNode, pour que vous puissiez faire valor = this.innerHTML et éviter l'appel jQuery.

Answer 6

$("button").click(function() { 
    valor = $(this).html(); 
    retorno = (valor == 'Exibir') ? 'Ocultar' : 'Exibir'; 
    $(this).html(retorno); 
}); 

Answer 7

Utilisez ceci:

valor = jQuery(this).html();