2010-12-15 87 views
1

Par exemple en utilisant ce code:Comment puis-je exécuter Jquery uniquement sur le bouton sélectionné

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").bind("click",function(){ 
    $("p").slideToggle(); 
    }); 
}); 
</script> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<button>Click me!</button> 
</body> 
</html> 

obtenu deux buttons- A et B. Ce que je veux faire est que quand j'appuyez sur A, je reçois un message: » C'est un bouton ", quand j'appuie sur B, j'obtiens un message:" C'est un bouton B ". Mais maintenant, quand j'appuie sur un bouton, je reçois un message de bouton et un bouton B meesage. Ce que je dois faire?

Répondre

1

Un peu plus de contexte serait hel. Mais ce que vous allez probablement vouloir faire est la suivante:

<p id="para-a">...</p> 
<p id="para-b">...</p> 
<input type="button" id="button-a" /> 
<input type="button" id="button-b" /> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('button#button-a').bind("click", function() { $('p#para-a').slideToggle(); }); 
     $('button#button-b').bind("click", function() { $('p#para-b').slideToggle(); }); 
    } 
</script> 
0
$(document).ready(function(){ 
    $("#buttonA").click(function(){ 
     alert("A"); 
    }); 

    $("#buttonB").click(function(){ 
     alert("B"); 
    }); 
}); 

Ayant:

<button id="buttonA">A</button> 
<button id="buttonB">B</button>