Question

例如使用此代码：

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

有两个按钮 - A和B.我想要做的是当我按A时，我收到消息：“这是一个按钮”，当我按下B时，我收到消息：“这是B按钮”。但是现在当我按下A按钮时，我收到一个按钮消息和B按钮meesage。我该怎么做？

Answer 1

还有更多的背景。但您可能想要做的是以下内容：

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

Answer 2

$(document).ready(function(){
    $("#buttonA").click(function(){
        alert("A");
    });

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

有：

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

我如何只在选定的按钮上执行Jquery

2 个答案: