jquery - 用一个以上的 div 附加 JQuery、Ajax 结果

Question

我想一次附加多个 div 的 ajax 响应...这可能吗？

我想喜欢下面给出的......但是在这个函数中，ajax响应只附加在'#res' div中而不是附加在'.qty' div中......

$(document).ready(function(){
$('.qty').on('change', function() {
  var qty_val=$(this).val();
  $.ajax({
      type: 'GET',
      url:"addcart.php",
      data:{ qty: qty_val },

      success:function(result){

      $("#res").html(result);
      $(".qty").html(result);

      }})
});
});

Answer 1

看起来qty是一个输入元素，因为它正在触发更改事件，请尝试

$(".qty").val(result);

更新：

$(document).ready(function () {
    $('.qty').on('change', function () {
        var $this = $(this),
            qty_val = $this.val();
        $.ajax({
            type: 'GET',
            url: "addcart.php",
            data: {
                qty: qty_val
            },
            success: function (result) {
                $("#res").html(result);
                $this.val(result);

            }
        })
    });
});

Answer 2

我同意 Arun……看看这个js fiddle 示例……它比你的代码简单一点，但基本上它做同样的事情……

$(document).ready(function()
{
   $('#clickme').on('click', function()
   {
      $('.qty').val(8);
   });
});

Answer 3

您所做的是对 css 类 qty 进行更改。但是，在 ajax 请求中，您还可以更改 qty 类。所以你基本上是以这种方式创建一个循环。

尝试将 on change 更改为 on click 并单击类。看看它现在是否有效，如果有效，您已经在上面证明了我的观点：

$(document).ready(function(){
    $('.qty').on('click', function() {
        var qty_val=$(this).val();
        $.ajax({
            type: 'GET',
            url:"addcart.php",
            data:{ qty: qty_val },

            success:function(result){

                $("#res").html(result);
                $(".qty").html(result);

            }
        })
    });
});