JQueryと$（this）を使用して属性にアクセスする

Question

こんにちは私は電卓を開発しています。現時点では、私は立ち往生しています...私はjquery（クリック）機能を使用しているので、数字が押されると画面に印刷しようとすることができます。すべての数字は同じ桁のクラスを持つので、$（ "digit"）を使用しています。on（ "click"、function（））;

各番号にはidと値もありますが、属性にアクセスするために 'this'変数を使用するのは苦労しています。下記のスニペットをご覧ください。これに

$("this").attr("value") 

：この

<div id="calculator"> 
     <div id="screen"></div> 
     <div id="buttons"> 
      <button id="clear" onclick="clear()">C</button> 
      <button class="digit" id="1" value="1">1</button> 
      <button class="digit" id="2" value="2">2</button> 
      <button class="digit" id="3" value="3">3</button> 
      <button class="digit" id="4" value="4">4</button> 
      <button class="digit" id="5" value="5">5</button> 
     </div> 
    </div> 

$(document).ready(function() {  
    $(".digit").on("click", function() { 
     $("#screen").append($("this").attr("value")); 
    }); 
}); 

Answer 1

変更

$(this).val()