Entfernen Sie Datenattribut auf Klick-Funktion mit jQuery

Question

Hier ist der entschlüsselte Code-Schnipsel, mit dem ich Schwierigkeiten habe, meine Frage zu erklären.

Knopf, die Funktion löst:

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

Eingabefeld Attribut Ich versuche

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

jQuery zu aktualisieren

$(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'); 

    }); 
}); 

zu verarbeiten

---

Wenn Click-Ereignis ausgelöst wird bekomme ich dies von der Konsole.

Uncaught Typeerror: deleteQuantity.data ist keine Funktion

Answer 1

Sie geben wie diese $('input#quantity') auswählen und verändern data-price mit attr()

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

<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">