Javascript 如何从按钮类中的单个按钮访问文本？

我正在构建一个计算器应用程序，我正在尝试使用jQuery做一些事情。现在，我已经构建了所有的HTML和CSS，剩下的就是JS。我试图构建它，这样当我点击一个有数字的按钮时（我给了所有这些按钮一个'num'类和一个像0,1,2这样的id），它会将这个数字放入一个数组中，但是为了简单起见，我想要一种方法，只获取我点击的特定'num'的文本，而不是所有的文本。我已经尝试了jQuery.text（）方法，但它将所有数字都压入数组。有没有一种简单的方法可以做到这一点，或者我需要专门为每个按钮做到这一点

您可以对计算器中的所有按钮使用多个

…

等等

然后，您可以在这些按钮的容器中添加eventDelegated侦听器，并捕获按下按钮的值

<div class="numpad">
  <button value="1"><button>
  <button value="2"><button>
  <button value="3"><button>
  ...
</div>

---

您可能希望为单击事件执行某种类型的事件侦听器。触发该事件时，将运行回调方法。此回调方法将接收称为事件的内容。此对象包含有关导致事件的事件的信息。我不知道你的按钮是如何构建的，但沿着这些思路应该是可行的：

$('.num').click(function(event){
    var clickedButton = event.target;
    var buttonText = $(clickedButton).text();
    var number = parseInt(buttonText, 10);
    console.log('clicked number ' + number);
});

使用普通JavaScript
变量数组=[]
var d=document.getElementByTagName（“按钮”）；
对于（var i=0；i要获取HTML元素中的类或id或其他值，您需要元素，例如：

$('button').on('click', function(){
    // todo
});

对于您提出的问题，您可以尝试在按钮中输入a：

<button data-number="1">1</button>
<button data-number="2">2</button>
<button data-number="3">3</button>
...

或者只需获取按钮的内容，如：

$('button').on('click', function(){
    const num = $(this).text(); 
    // num = text of button clicked
});

我将使用delegate来监听按钮点击和数字的数据属性，因为ID的目的不是存储数据


var numberArray=[]；
$（'.buttons包装器'）.delegate（'.num'，click'，function（）{
var currentNumber=$（this）.data（'number'）；
numberArray.push（当前编号）；
控制台日志（numberraray）；
})；

1.
2.
3.
4.

var arryNum=[]；
$（“.num”）。在（“单击”，函数（）{
$（'.led'）.empty（）；
var num=$（this.attr（“数据num”）；
arryNum.push（num）；
$.each（arryNum、函数（键、值）{
$（'.led'）。追加（值）；
});
})；
.parent{
宽度：200px；
高度：250px；
边框：实心1px灰色；
填充：10px；
}
.parent.led{
宽度：100%；
高度：40px；
边框：实心1px灰色；
背景色：#DDDDDD；
}
.parent.nums{
宽度：100%；
高度：自动；
边框：实心1px#eee；
边缘顶部：5px；
}
.parent.nums.num{
宽度：27%；
高度：30px；
边框：实心1px灰色；
背景色：#E1ECF4；
保证金：5px；
浮动：左；
文本对齐：居中；
填充顶部：10px；
光标：指针；
}
.parent.nums.num：悬停{
背景色：#BCD4E6；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
最好向我们展示代码，而不是描述代码。
<button data-number="1">1</button>
<button data-number="2">2</button>
<button data-number="3">3</button>
...

$('button').on('click', function(){
    const num = $(this).data('number'); 
    // num = value of 'data-number' property of button clicked
});

$('button').on('click', function(){
    const num = $(this).text(); 
    // num = text of button clicked
});