Comment puis-je transmettre la valeur d'une propriété HTML à une fonction jQuery?

Question

Je voudrais passer la valeur d'une balise HTML à une boîte d'alerte jQuery, mais je n'ai pas de chance. Je veux fondamentalement passer "1" ou "2" à la boîte d'alerte. Je continue d'être "indéfini" dans la boîte d'alerte.

<button class="up" value="1"> 
<button class="down" value="2"> 

$(document).ready(function(){ 
    $(".up,.down").click(function(){ 
     alert(this.value); 
    }); 
)}; 

Je fais cela pour une fonction ajax, mais je dois vous assurer que je peux transmettre les valeurs d'abord, de sorte que la zone d'alerte est pour le débogage.

Answer 1

C'est parce que la valeur d'un bouton est ce qui est entre les <button></button> Tags dans IE7, pour être sûr que vous pouvez vous pouvez utiliser à la place par exemple un attribut data-, comme ceci:

<button class="up" data-value="1">Something</button> 

avec le script correspondant:

$(document).ready(function(){ 
    $(".up,.down").click(function(){ 
     alert($(this).data("value")); 
    }); 
)}; 

You can test it here.

Answer 2

alert($(this).attr("value")); 

Answer 3

this.value fonctionne très bien (I tested it dans IE8, FF3 et Chrome). Je ne sais pas comment vous pouvez éventuellement voir "indéfini". Vous avez une erreur de syntaxe dans la fermeture de votre gestionnaire document.ready. Il devrait être }); et non )};

EDIT: Je crois que Nick Craver sur le bug IE7, et je pense côté d'utiliser un attribut personnalisé dans le balisage, vous pouvez faire ce qui suit ...

$(".up,.down").click(function(){ 
    var $this = $(this); 
    var oldText = $this.text(); 
    $this.text(''); 
    var val = this.value; 
    $this.text(oldText); 
    alert(val); 
}); 

Test it here Si vous avez IE7 s'il vous plaît!