Question

这是剥离的代码片段，我开始解释我的问题时遇到了困难。

触发功能的按钮：

 <button id="deleteItem" type="button">Delete</button>

输入字段属性我正在尝试更新

<input id="quantity" type="text" name="field" min="1" value="1" data-price="10">

要处理的jQuery

$(function() {
    // Bind an action to the deleteItem - click event
    $("#deleteItem").on('click', function() {

        var deleteQuantity = document.getElementById("quantity");

        // Add 0 value to the data-price value
        deleteQuantity.data('price','0');

    });
});

当触发click事件时，我从控制台获取此信息。

未捕获的TypeError：deleteQuantity.data不是函数

Answer 1

您可以选择此$('input#quantity')之类的输入，并使用data-price更改attr()

＆＃13;

$('#deleteItem').click(function() {
  $('#quantity').attr('data-price', 0)
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="deleteItem" type="button">Delete</button>
 <input id="quantity" type="text" name="field" min="1" value="1" data-price="10">

＆＃13;

使用jQuery删除click函数的数据属性

1 个答案: