0

ボタン1とボタン2で機能する関数を作成する必要があります..ボタン1をクリックすると、tを非表示にできますが、ボタン2に同じ関数を追加するにはどうすればよいですか?

<html>
    <head>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>
            $(document).ready(function(){
                $("#button1").click(function(){
                $(this).hide();
                });
            });
        </script>
    </head>
    <body>
        <button id="button1">Button1</button>
        <button id="button2">Button2</button>
    </body>
</html>
4

3 に答える 3

0

それをセレクターに追加するだけです：

$(document).ready(function(){
    $("#button1, #button2").click(function(){
        $(this).hide();
    });
});
于 2013-11-12T00:39:34.150 に答える
0

ID を識別子として使用する代わりにクラスを追加し、同じアクションを実行するすべての要素にクラスを適用します。

<button class="yourbuttons" id="button1">Button1</button>
<button class="yourbuttons" id="button2">Button2</button>

それで：

$(".yourbuttons").click(function(){
    $(this).hide();
});
于 2013-11-12T00:39:40.517 に答える
0

イベント ハンドラーはthis、イベントをトリガーした要素 (つまり、この場合はクリックされた要素) を参照するために既に を使用している$()ため、含めるためには、セレクターを一般化する必要があります#button2。これはマークアップによって異なりますが、現状では次を使用できます。

$("#button1, #button2").click(function () {
    $(this).hide();
});

デモ: http://jsfiddle.net/BByTB/

于 2013-11-12T00:41:03.720 に答える