jquery - cada función/clic no funciona

Question

EDITAR: esto funciona, pero no estoy seguro de por qué?

$('button').each(function() { 
    $(this).bind(
     "click", 
     function() { 
      alert($(this).val()); 
     }); 
    }); 

No estoy seguro de por qué esto no está funcionando ... En este momento, sólo estoy tratando de salida de una alerta con el valor de botón, pero no está funcionando en mi página. No recibo ningún error de consola en Firebug y no puedo ver nada que impida que funcione.

Mi HTML se parece a esto:

<table id="addressbooktable"> 
<thead> 
    <tr> 
     <th>Name</th> 
     <th>Action</th> 
    </tr> 
</thead> 

<tbody> 
    <tr> 
     <td>7892870</td> 
     <td><button id="button-20" class="custom-action" value="XY89" name="info">Click</button></td> 
    </tr> 

    <tr> 
     <td>9382098</td> 
     <td><button id="button-21" class="custom-action" value="XY544" name="info">Click</button></td> 
    </tr> 

    <tr> 
     <td>3493900</td> 
     <td><button id="button-22" class="custom-action" value="XY231" name="info">Click</button></td> 
    </tr> 
</tbody> 
</table> 

Y el código es el siguiente:

$('button').each(function() { 
    $(this).click(function() { 
     alert($(this).val()); 
    } 
    }); 

Pero, al hacer clic en él no hace nada en absoluto? ¿Lo estoy usando incorrectamente?

Answer 1

Puede enlazar todos los botones con un evento de clic de esta manera, no hay necesidad de bucle a través de ellos

$(function(){ 
    $("button").click(function() { 
     alert($(this).attr("value")); 
    }); 
}); 

Pero un selector más preciso podría ser:

$(function(){ 
    $("button[id^='button-'").click(function() { 
     alert($(this).attr("value")); 
    }); 
}); 

Answer 2

Sí. Prueba esto:

$('button').click(function() { 
     alert($(this).val()); 
    }); 

También puede desear un return false o .preventDefault() allí.

Answer 3

No puede utilizar .val() método para el botón. Puede usar .attr() para obtener el atributo de valor. Si está utilizando atributos personalizados, utilice data-attribute.

Trate

$("button").click(function(){ 
    alert($(this).attr("value")); 
}); 

Answer 4

te falta un );, y asegúrese de que el código está en un controlador document.ready, así:

$(function() { 
    $('button').each(function() { 
    $(this).click(function() { 
     alert($(this).val()); 
    }); //missing); here! 
    }); 
}); 

De esta manera no se ejecutará hasta que los <button> los elementos están en DOM para $('button') para encontrarlos. Además, puede ejecutar .click() en un conjunto de elementos, como esto:

$(function() { 
    $('button').click(function() { 
     alert($(this).val()); 
    }); 
}); 

Answer 5

Te faltan ):

$('button').each(function(){ 
      $(this).click(function(){ 
       alert($(this).val()); 
      }); 
     }); 

Probablemente no