Почему разное отоброжение outline?

Ankhena, скрин с айфона, можно ли как-то это обыграть?

Как через ajax получить ответ из страницы php?

ThunderCat, разобрался, просто переделал скрипт вот так

$(document).ready(function() {
    $('#dellcart').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'dellcart.php',
            data: $(this).serialize(),
            success: function(html){
					$("#content").html(html);
				}
       });
     });
});

Форм с dellcart ровно столько сколько и позиций в корзине,

<form id="dellcart" method="post">
  <input type="hidden" name="id_dell" value="'.$book['id'].'">
</form>

на каждом крестике эта форма.

Вот теперь только возникла проблема, на скрине видно три позиции, без перезагрузки удаляется только первая позиция, остальные при удалении перезагружают страницу. После удаления первой позиции, остаются две позиции, и они удаляются только с перезагрузкой

Как через ajax получить ответ из страницы php?

Я не так уж силен в ajax, буквально пару часов назад начал знакомство) Как это реализовать? Вот скрипт по удалению из бд с выводом результат без перезагрузки страницы

$(document).ready(function() {
    $('#dellcart').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'dellcart.php',
            data: $(this).serialize(),
            success: function(response)
            {
                var jsonData = JSON.parse(response);
                // user is logged in successfully in the back-end
                // let's redirect
                if (jsonData.success == "1")
                {
                    alert(' Credentials!');
                }
                else
                {
                    alert('Invalid Credentials!');
                }
           }
       });
     });
});

На странице dellcart.php там просто считывает пост данные, и удаляет по ид запись

Как получить текст через несколько элементов?

Вадим, Спасибо огромное! Как я могу тебя отблагодарить за предоставленную помощь?

Как получить текст через несколько элементов?

Вадим, Пробовал, не сработало

Как получить текст через несколько элементов?

Вадим,

const qty = document.querySelectorAll('.quantity');
        for(let i=0;i<qty.length;i++){
            let amount = qty[i].closest('one').querySelector('.three .price-amount')
            let price = +parseInt(amount.textContent);
            qty[i].addEventListener('input', () => amount.textContent = qty[i].value*price+'₴');
        }

Не срабатывает почему-то

Как получить текст через несколько элементов?

А если например цена и количество в разных div с разными классами? Пример

<div class="one">
  <div class="two">
    <h5>Третий элемент</h5>
    <input class="quantity" type="number" min="1" max="99" value="1" title="Количество" inputmode="numeric">
  </div>
  <div class="three">
    <p>какой-то текст</p>
    <span class="price-amount">888<span>₴</span></span>
  </div>
  </div>

Как правильно реализовать умножение в js?

vladislav198712,

Вот такую ошибку выдает

Как правильно реализовать умножение в js?

MrColdCoffee, а можно ли как-то привязать строку с ценой по id либо по class? Проблема в том что если добавить какой-то текст, то скрипт пытается умножить количество на текст

Как правильно реализовать умножение в js?

MrColdCoffee, Спасибо огромное!

Как правильно реализовать умножение в js?

У меня что-то идет не так

Почему скрипт работает только на первом элементе?

Попробовал добавить querySelectorAll, теперь первый элемент не работает, и все остальные так же

let qty = document.querySelectorAll('.quantity');
let amount = document.querySelectorAll('.price-amount').firstChild;
let price = +amount.textContent;
qty.addEventListener('input', () => amount.textContent = qty.value*price);

$(function() {

  (function quantityProducts() {
    var $quantityArrowMinus = $(".quantity-arrow-minus");
    var $quantityArrowPlus = $(".quantity-arrow-plus");
    var $quantityNum = $(".quantity-num");

    $quantityArrowMinus.click(quantityMinus);
    $quantityArrowPlus.click(quantityPlus);

    function quantityMinus() {
      if ($quantityNum.val() > 1) {
        $quantityNum.val(+$quantityNum.val() - 1);
      }
    }

    function quantityPlus() {
      $quantityNum.val(+$quantityNum.val() + 1);
    }
  })();

});