按下按钮时更改名称

Question

I'm trying to create a button that changes its value when it is pressed.

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

I'm having this message:

Uncaught TypeError: Object # has no method 'html'

I appreciate any help.

Answer 1

this是一个HTMLElementNode对象，而不是jQuery对象。

valor = jQuery(this).html();

Answer 2

this refers to the HTMLElementNode (window) object and is not an jquery object and as html is a jquery method it won't work.

So to make it a jquery object you need to wrap the $ around it:

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

Answer 3

尝试这个

valor = $(this).html();

Answer 4

Use this...

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

See this example jsFiddle

Answer 5

this将引用HTMLElementNode，因此您可以执行valor = this.innerHTML并避免jQuery调用。

Answer 6

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

Answer 7

用这个 ：

valor = jQuery(this).html();