如何获得多个按钮'；在Javascript中同时显示文本？

我有以下代码，它是Javaservlet、html、javascript/jQueryWeb应用程序的一部分

  <Table border=1>
    <Tr>
      <Td><button id=Current_1 type=button></button></Td>
      <Td><button id=Current_2 type=button></button></Td>
      <Td><button id=Current_3 type=button></button></Td>
      <Td><button id=Current_4 type=button></button></Td>
      <Td><button id=Current_5 type=button></button></Td>
      <Td><button id=Current_6 type=button></button></Td>
    </Tr>
  </Table>

---

在用户单击另一个提交按钮后，我期望得到的结果是：使用jQuery创建对象数组非常简单

var buttonData = $('button[id^="Current"]').map(function(){
   return {id: this.id, text: $(this).text()};
}).get();

产生：

[
    {id:"Current_1", text: "Button #1 Text"}, 
    {id:"Current_2", text: "Button #2 Text"},
    ....
    {id:"Current_6", text: "Button #6 Text"}
]

类选择器可能更干净，或者从行上的选择器将它们作为目标

编辑：如果您想要的是没有分隔符的组合文本，那么您实际上可以获得整个文本集合，而无需循环元素

$('button[id^="Current"]').text();

---

对于jQuery中的大多数值获取程序来说，这种方法将只返回第一个元素的vlue，但使用

text（）

它将返回所有使用jQuery创建对象数组相当简单

var buttonData = $('button[id^="Current"]').map(function(){
   return {id: this.id, text: $(this).text()};
}).get();

产生：

[
    {id:"Current_1", text: "Button #1 Text"}, 
    {id:"Current_2", text: "Button #2 Text"},
    ....
    {id:"Current_6", text: "Button #6 Text"}
]

类选择器可能更干净，或者从行上的选择器将它们作为目标

编辑：如果您想要的是没有分隔符的组合文本，那么您实际上可以获得整个文本集合，而无需循环元素

$('button[id^="Current"]').text();

---

对于jQuery中的大多数值获取程序，这种方法将只返回第一个元素的vlue，但使用

text（）

它将返回所有，正如您所提到的，您可以使用另一个按钮来获取每个按钮的文本。只需使用一个公共类并循环它们

$(document).ready(function(){
   $("#Current_7").click(function(){
      $(".myButton").each(function(){
      console.log($(this).text())
      })   
   })
})

---

如您所述，您可以使用另一个按钮获取每个按钮的文本。只需使用一个公共类并循环它们

$(document).ready(function(){
   $("#Current_7").click(function(){
      $(".myButton").each(function(){
      console.log($(this).text())
      })   
   })
})

$（文档）.ready（函数（）{
$（'button[id^=“Current”]）。每个（函数（）{
console.info（$（this.attr（'id'）+'---'+$（this.text（））
});
});
按钮1
按钮2
按钮3
按钮4
按钮5
按钮6

$（文档）.ready（函数（）{
$（'button[id^=“Current”]）。每个（函数（）{
console.info（$（this.attr（'id'）+'---'+$（this.text（））
});
});
按钮1
按钮2
按钮3
按钮4
按钮5
按钮6

jquery选择器$（'button'）不会返回所有按钮的数组吗？因此，您只需对所有按钮执行.html并将数据发送到服务器jquery选择器$（'button'）不会返回所有按钮的数组吗？因此，您只需对所有按钮执行.html，然后将数据发送到服务器，这正是我要查找的，简单明了，非常神奇，谢谢^ u^！对我来说，它一直看起来像一个bug，因为它的行为与所有其他getter方法都非常不同……但这里有一个案例，它可以帮助Syes，这很奇怪，以前从未见过这样的东西，但我在Firefox、IE和Chrome上测试过，行为是一致的，而且我喜欢，非常简洁，谢谢。这正是我想要的，简单而中肯，神奇，谢谢！对我来说，它一直看起来像一个bug，因为它的行为与所有其他getter方法都非常不同……但这里有一个案例，它可以帮助Syes，这很奇怪，以前从未见过这样的东西，但我在Firefox、IE和Chrome上测试过它，行为是一致的，而且我喜欢，非常简洁，谢谢。