Question

此时我分配了一个值属性的唯一按钮是＆＃34; AC＆＃34;直到我能弄清楚它为什么不起作用。当按下AC时，值89应显示在屏幕上，但目前没有发生任何事情。

这是我的笔：

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

(localdb)\...是一个选择器而不是一个持有选择器的变量。你需要一个单引号。

button

工作分叉：http://codepen.io/anon/pen/zrLzQr

Answer 2

您可以尝试：

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

文字是获取按钮的文字。

如果你给予价值，那么只有你才能获得价值例如：

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

如果value属性不存在，则将“undefined”作为输出。

Answer 3

试试这个：

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

为什么不显示按钮值属性？

3 个答案: