Javascript Jquery移动加减问题

我打算使用jQuery mobile来获取移动主题

HTML

---

然而，加号和减号在这里不起作用。知道是什么导致了这种情况吗？

当您添加jQM时，它通过添加容器div和其他DOM元素来增强/设置许多DOM元素的样式。这意味着您的按钮和文本输入在DOM中不再是同级，并且prev（）将不起作用。而是向上遍历DOM，然后向下遍历：

var $input  = $(this).closest("div#dynamic").find(".qty");

e、 g:

更新

---

它在铬合金中工作吗？是否应用了移动主题。对我来说，它在ChromeThanks中不起作用。成功了。但是，我使用了

.prev

，因为我通过单击

添加了更多数量字段，从而生成了一组新的数量+/-。因此，新代码将更新所有数量字段，而不仅仅是活动字段。@user3419021，在动态代码中，您将控件放置在包含的DIV中。只需给该DIV一个类，并在遍历DOM:Perfect时使用该类即可。DOM:Perfect对其进行排序。谢谢你的帮助

$("#dynamic").on("click", ".qtyplus", function (e) {
    e.preventDefault();
    var $input  = $(this).prev("input");
    var currentVal = parseInt($input.val());
    if (!isNaN(currentVal)) {
       $input.val(currentVal + 1);
    } else {
       $input.val(0);
    }
});

var $input  = $(this).closest("div#dynamic").find(".qty");

$("#dynamic").on("click", ".qtyplus, .qtyminus", function (e) {
     e.preventDefault();
    var $input  = $(this).closest("div#dynamic").find(".qty");
    var currentVal = parseInt($input.val());
    if (!isNaN(currentVal)) {
        $(this).hasClass("qtyplus") ? $input.val(currentVal + 1) : $input.val(currentVal - 1);
    } else {
        $input.val(0);
    }
});