javascript - 如何在 JQuery 中单击按钮时增加一个值？

Question

另一个关于 JQuery 函数的查询作为新手在此。在你们的帮助下，我能够修改代码以从输入标签返回相应的值。我现在面临的问题是在添加按钮上单击我希望在相应行中<p class="item-quantity">0</p>显示 JQuery 返回的值。.get()

这是我的 HTML：

            {% for item in menu_category %}
            <tr class="item">
              <td><p class="item-name">{{item.item_Name}}</p></td>
              <td><p class="item-price">{{item.item_Price}}</p></td>
              <td>
                <button type="button" class="btn btn-primary add-item" data-name="{{item.item_Name}}" data-price="{{item.item_Price}}" data-id="{{item.item_Id}}">+</button>
              </td>
              <td><p class="item-quantity">0</p></td>
              <td>
                <button type="button" class="btn btn-primary remove-item" data-name="{{item.item_Name}}" data-price="{{item.item_Price}}" data-id="{{item.item_Id}}">-</button>
              </td>
            </tr>
            {% endfor %}

我的功能：

    <script>
    $(function() {
      $('.add-item').on('click', function() {
        $.get('{{ url_for("func_add_to_cart") }}', 
        {
          item_id: $(this).attr("data-id"),
        },
        function(data) {
          $(this).parents().find(".item-quantity").html(data);
        });
        return false;
      });
    });
</script>

谢谢你的帮助！

标签： javascriptjqueryflask