jquery - jeder/klick funktioniert nicht

Question

EDIT: das funktioniert, aber nicht sicher warum?

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

Ich bin mir nicht sicher, warum dies nicht funktioniert ... Im Moment bin ich nur eine Benachrichtigung über den Button Wert ausgibt versucht, aber es funktioniert nicht auf meiner Seite. Ich bekomme in Firebug keine Konsolenfehler und kann nichts sehen, was die Arbeit daran hindern würde.

Mein HTML sieht wie folgt aus:

<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> 

Und der Code sieht wie folgt aus:

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

Aber Klick darauf gar nichts tut? Benutze ich es falsch?

Answer 1

Sie alle Tasten mit einem Klick Ereignisse wie diese binden können, da durch sie keine Notwendigkeit

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

Aber ein genauerer Wähler könnte Schleife:

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

Answer 2

Yup. Versuchen Sie folgendes:

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

Sie auch eine return false oder .preventDefault() dort möchten.

Answer 3

Sie nicht .val() verwenden können Methode für Knopf. Sie können .attr() verwenden, um das Wertattribut abzurufen. Wenn Sie benutzerdefinierte Attribute verwenden, verwenden Sie data-attribute.

Versuchen

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

Answer 4

Sie eine ); fehlt, und der Code in einem document.ready Handler stellen Sie sicher ist, wie folgt aus:

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

diese Weise ist es nicht, bis diese <button> laufen Elemente sind im DOM für $('button') zu finden. Auch Sie .click() auf eine Reihe von Elementen ausführen können, wie folgt aus:

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

Answer 5

Sie fehlen ):

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