DOM: recup data-id via eventRésolu/Fermé

Question

Bonjour,

Je travail sur une page panier, où je veux pouvoir changer la quantité d'un produit et identifier ce produit parmi d'autres.

J'ai une page avec plusieurs articles(".cart__item") dans une section("#cart__itmes").

Chaque article a data-id comme attribut et un input type="number".

J'ai une méthode qui récupère la valeur changée de l'input :

document.querySelector("input")

.closest("#cart__items")

.addEventListener("change", (event) => {

var newValInput = (event.target.value);

alert(newValInput);

});

Et ce que je voudrais, c'est d’accéder au data-id de l'article qui est la cible de l’événement.

Ca fait 12h que je tourne en rond, pouvez m'apporter votre aide ?

jordane45 · Answer

Bonjour,

var id = event.target.getAttribute('data-id');

Et si ton data-attribute ne se trouve dans au niveau de l'input, dans ce cas il faut aller le chercher dans le "parent"

Pour ça, tu peux utiliser

parentElement

.
Cordialement,
Jordane

papadinosaure · Answer

Merci pour ta réponse,

Entre temps j'ai trouver une autre solution, :

var newValInput2 = (event.target.closest("article"));
      alert(newValInput2.dataset.id);

Mais je vais tester ta solution, ça m'intéresse.

Encore merci et bonne journée.

DOM: recup data-id via event