javascript - 使用jQuery选择附加的链接按钮

我要在td内附加一个带有两个链接按钮的td和一个名为counter的变量，单击链接按钮后我希望将counter变量设置为
增加或减少，但我不知道如何使用jQuery选择附加的链接按钮。下面是我的代码：

var quantity = 1;

$("#order-table table").append('
<tr>
<td><button class="btn btn-link js-increment">+</button>' + quantity +
'<button class="btn btn-link">-</button></td>
</tr>')

这是我的功能试图增加变量

$(".js-increment").click(function () {
quantity++;
});

最佳答案

当您向DOM中添加新元素时，您需要将事件侦听器附加到DOM中已存在的元素中，例如body或table。

这是working fiddle，其中包含您提供的代码和一些小的更改。

var quantity = 1;

$("#order-table table").append('<tr><td><button class = "btn btn-link btn-plus"> + </button><span class="value">' + quantity + '</span><button class = "btn btn-link btn-minus"> - </button></td></tr>');

$('body').on('click', '.btn-plus', function() {
    quantity++;
  $(this).next('.value').text(quantity);
});

$('body').on('click', '.btn-minus', function() {
    quantity--;
  $(this).prev('.value').text(quantity);
});

关于javascript - 使用jQuery选择附加的链接按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46410445/