Jquery多點擊

Question

我有以下的HTML代碼點擊一個特定的按鈕，我想改變一個特定的HTML元素的顏色。

<paper-button style="background:blue" class="blue"></paper-button> 
<paper-button style="background:red" class="red"></paper-button> 

這是我在點擊這兩個按鈕的該元素的變化，但變爲藍色顏色腳本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $(".blue, .red").click(function(){ 
      $(".abc").css("background-color", $(".blue, .red").css("background-color")); 
     }); 
    }); 
    </script> 

，並不會更改爲紅色。 當我改變我的代碼

<paper-button style="background:red" class="red"></paper-button> 
<paper-button style="background:blue" class="blue"></paper-button> 

在這種情況下，顏色的變化來按下按鈕的紅色無關。 如何確保顏色更改爲按下的按鈕。

Answer 1

您正在拍攝dom中第一個元素的背景顏色，當您這樣做時$(".blue, .red").css("background-color")。使用$(this)取適量單擊元素的背景色：

$(".blue, .red").click(function(){ 
     $(".abc").css("background-color", $(this).css("background-color")); 
    });