如何從按鈕數組中獲取特定數組值

我真的很新手在javascript和jquery中。我現在正在製作一個計算器。如何從按鈕數組中獲取特定數組值

這是我的代碼。

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <meta charset="UTF-8"> 
    <script type="text/javascript"> 
     var buttonname = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "+", "-", "*", "/", "C", "Enter", "="]; 
     $(document).ready(function() { 
     $("button").click(function() { 
      // for(var i=0;i<buttonname.length;i++){ 
      var arrayvalue = buttonname[ ? ? ? ? ? ]; 
      var calculate = $("<p>" + arrayvalue + "</p>"); 
      $("#result").append(calculate); 
      //} 
     }); 
     }); 

    </script> 
    </head> 

    <body> 
    <!--<textarea id="numberarea"></textarea><br>--> 
    <script type="text/javascript"> 
     for (var i = 0; i < buttonname.length; i++) { 
     document.write("<button>" + buttonname[i] + "</button>"); 
     if (i != 0 && (i % 4) == 0) 
      document.write("<br>"); 
     } 

    </script> 
    <div id="result"></div> 
    </body> 

</html>

我應該如何與線var arrayvalue = buttonname[]或點擊功能做的就是在我的情況下，陣列中的特定值？

來源

2017-05-31 ProgramLover

'VAR arrayvalue = BUTTONNAME [X]''那裏是x'你希望的特定值檢索，從0開始你 –

可以附加名字作爲按鈕的屬性，所以你可以參考它的方式？ –

'this.innerText'而不是'buttonname [?????]'？否則，將其存儲爲'data-'屬性。如果您決定通過索引來引用它（通過使用'buttonname [？]'語法），您必須以某種方式找出您按下的按鈕的索引，但是因爲它使用了分號標記，會比其值得的工作更多的工作。 –

您可以在創建它們時向每個按鈕添加一個屬性，然後從您的點擊處理程序的事件參數中引用該屬性。事情是這樣的：

var buttonname = ["1","2","3","4","5","6","7","8","9","0","+","-","*","/","C","Enter","="]; 
 
$(document).ready(function(){ 
 
    $("button").click(function(ev){ 
 
    // for(var i=0;i<buttonname.length;i++){ 
 
     var arrayvalue = buttonname[$(ev.target).attr('data-index')]; 
 
     var calculate = $("<p>"+arrayvalue+"</p>"); 
 
     $("#result").append(calculate); 
 
    //} 
 
    }); 
 
}); 
 

 
for(var i = 0; i <buttonname.length; i++){ 
 
    document.write("<button data-index="+i+">"+buttonname[i]+"</button>"); 
 
    if(i != 0 && (i%4) == 0) 
 
    document.write("<br>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<div id="result"></div>

來源

2017-05-31 20:52:24

謝謝！作品！其實我不明白attr（'data-index'）是什麼意思，但你救了我！ – ProgramLover

p.s. ：功能中的ev是否意味着java中的eventlistener？ e.getSource（）.. – ProgramLover

您可以在document.write行上看到，我在按鈕HTML元素上設置了一個屬性：''

如何從按鈕數組中獲取特定數組值

回答

相關問題