I can’t overwrite the number of elements - where did I make a mistake?

Question

JavaScript

Greetings. There is an example in fiddle , which shows a product section, in which you can increase / decrease the number of products. I can't find a match in .cart_list li and overwrite their quantity if the product names are the same, and also so that the sum of all products is redefined depending on the change in the number of elements.

Answer 1

The match must be searched for by a unique identifier, which is best stored somewhere in the data-attributes, for example data-id.

<li data-id="123">
   <div class="product-name">Товар 3</div>
   <span class="quantity">2 × <span class="amount">1.440.000 руб</span></span>
</li>

$('[data-id="%id%"]'.replace("%id%", 123))