求助，js问题，点击增加按钮只增加当前行的数量？

要实现点击增加按钮只增加当前行的数量，通常是在一个表格或类似结构中，每行都有一个增加按钮，点击按钮只影响当前行的数量显示。以下是实现这一功能的基本步骤和示例代码：

实现点击增加按钮只增加当前行数量的步骤：

1. HTML结构：

   • 创建一个表格或列表，每行包含一个显示数量的区域和一个增加按钮。

   html
   复制代码
   <table>
       <tr>
           <td>数量: <span id="quantity1">0</span></td>
           <td><button onclick="increaseQuantity(1)">增加</button></td>
       </tr>
       <tr>
           <td>数量: <span id="quantity2">0</span></td>
           <td><button onclick="increaseQuantity(2)">增加</button></td>
       </tr>
       <!-- 更多行 -->
   </table>
   

   • 每行的数量显示部分用<span>标签，并为每个增加按钮绑定一个点击事件，并传递行号作为参数（例如increaseQuantity(1)表示第一行）。

2. JavaScript函数：

   • 编写JavaScript函数，根据传入的行号增加对应行的数量。

   javascript
   复制代码
   function increaseQuantity(rowNumber) {
       var quantitySpan = document.getElementById("quantity" + rowNumber);
       var currentQuantity = parseInt(quantitySpan.textContent);
       var newQuantity = currentQuantity + 1;
       quantitySpan.textContent = newQuantity;
   }
   

   • increaseQuantity函数接受一个rowNumber参数，使用该参数构建对应行数量显示的span元素的id，并根据点击事件更新显示的数量。

3. 工作原理：

   • 当用户点击任何一个增加按钮时，对应行的increaseQuantity函数被调用。
   • 函数根据传入的行号找到对应的数量显示元素（span），获取当前显示的数量，增加1后更新显示内容。

4. 注意事项：

   • 确保每行的数量显示元素有唯一的id（如quantity1, quantity2等）。
   • 如果表格或列表中的行数很多，可以使用循环或动态生成HTML的方式来减少重复代码。

通过以上方法，可以实现点击增加按钮只增加当前行数量的功能，适用于各种需要单独管理每行数据的情况，如购物车、订单列表等。