0

ページに 2 つの要素があり、button1 をクリックすると非表示になりますが、ブロック要素をクリックすると非表示になります

背景色は緑に変更する必要があります..

<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>
        <p>This is a block element</p>
    </body>
</html>
4

2 に答える 2

0

簡単です: Click イベント ハンドラーを両方の要素にバインドする必要があります。

<script>
  $(document).ready(function(){
      $("#button1").click(function(){
           $(this).hide();
      });

      $("p").click(function () {
        $(this).css('background-color', 'green');
     });
  });
</script>

ワーキングデモ

または、次の方法でこれを行うこともできます-

$(document).ready(function(){
     $("#button1, p").click(function(e){
        if(e.target.nodeName === "BUTTON"){
           $(this).hide();
        }
        else if(e.target.nodeName === "P"){
          $(this).css('background-color', 'green');
        }
     });    
});

実施例

于 2014-05-07T14:17:45.503 に答える