Почему атрибут Value Button не отображается?

Question

Единственная кнопка, которую я присвоил атрибуту value в этой точке, - «AC», пока не смогу понять, почему она не работает. Когда AC выдвигается, значение 89 должно отображаться на экране, но в настоящее время ничего не происходит.

Вот моя ручка:

http://codepen.io/roryavant8/pen/BjPRMW

HTML:

<div id="calculator"> 
    <center> 
    <div id="resultBar"> 
    </center> 
    <div class="row"> 
    <button type ="button" value="89">AC</button> 
    <button>CE</button> 
    <button>%</button> 
    <button>/</button> 
    </div> 
    <!----Closing rowOne div--> 
    <div class="row"> 
    <button>7</button> 
    <button>8</button> 
    <button>9</button> 
    <button>*</button> 
    </div> 
    <div class="row"> 
    <button>4</button> 
    <button>5</button> 
    <button>6</button> 
    <button>-</button> 
    </div> 
    <div class="row"> 
    <button>1</button> 
    <button>2</button> 
    <button>3</button> 
    <button>+</button> 
    </div> 
    <div class="row"> 
    <button>.</button> 
    <button>0</button> 
    <button>Ans</button> 
    <button>=</button> 
    </div> 
    </div><!-----Closing Calculator div---> 

JavaScript/JQuery

$(document).ready(function(){ 
    $(button).click(function(){ 
    alert($(this).attr('value')); 

    }); 
}); 

Answer 1

button является селектор не является переменной держит селектор. Вам понадобится одна цитата.

$(function() { 
    $('button').on('click', function(){ 
     alert($(this).attr('value')); 

    }); 
}); 

Работа Вилка: http://codepen.io/anon/pen/zrLzQr

Answer 2

Вы можете попробовать:

<script> 
$(document).ready(function() { 
    $("button").click(function(){ 
     alert($(this).text()); 
    }); 
}); 
</script> 

Текст, чтобы получить текст кнопки.

Если вы даете значение, то только вы получите значение Eg:

<button value = "7">7</button> 
<!-- In this case, you can write to get value. --> 
alert($(this).attr('value')); 

Если значение атрибута нет, это дает «неопределенными» в качестве выходного сигнала.

Answer 3

Попробуйте:

$(document).ready(function(){ 
$('button').click(function(){ 
    console.log($(this).val()) 
}); 
});