Question

我有多个动态创建的按钮，我的页面上有相同的类，当我尝试通过单击按钮调用函数时，该函数将被调用所有具有相同类的按钮。我希望仅为此单击事件调用该函数。这是我的功能： -

$(".js-btn-plus").click(function (e) {
var link = $(e.target);
var val = link.next('.value').text();

val++

link.next('.value').text(val);
});

Answer 1

.text()返回一个字符串。将字符串val转换为数字

val = Number(val) + 1

或

val = +val++

Answer 2

请问您可以在JQuery旁边提供一些示例HTML吗？

从我看到的内容您可能想看看使用$(this)代替e.target

$(document).on('click', '.js-btn-plus', function() {
    var val = parseInt( $(this).find('.value').text() );
    val++;
    $(this).find('.value').text(val);
});

不是100％确定你想要实现的目标，如果你能解释一点，并提供一些HTML来解决你的问题，可能有更好的方法。

编辑：使用'on'功能可以动态绑定函数事件，而不是让脚本在加载和执行脚本时触发器。

Answer 3

我的解决方案：

$(".js-btn-plus").click(function (e) {
    var val = parseInt($(this).next('.value').text());
    val++;
    $(this).next('.value').text(val);
});

Answer 4

也许为按钮生成唯一ID并将其用作事件参考而不是类？

在JQuery中获取此单击事件的来源

4 个答案: