Сергей c0re

Может как-то так?



или вот так с позиционированием элементов:

У вас вопрос по JQuery, а код на чистом JS ?
для чистого JS смотрите свойства parentNode и parentElement

соответственно в код добавить следующее:
скрытие элемента
elem.parentNode.classList.add('hide');

показывание элемента
elem.parentNode.classList.remove('hide');



PS: для JQuery это метод .parent()

draggable scroll

см. статью - JavaScript Scroll by Dragging

Пример

во первых, вам следовало бы посмотреть что делает метод preventDefault();
далее, не просто вставить его в свой код, а соответственно его изменить.
что вам нужно? на время выполнения каких-то действий заблокировать меню, следовательно в это время обработчик меню не должен выполнять код по onclick
что для этого сделать?
например при загрузке страницы выставлять флаг , назовем его blockLinks = true
в обработчике onclick проверять установлен ли данный флаг и если установлен то просто выходить ничего не выполняя
через 3 секунды после загрузки сбросить флаг в false
все.

и почему вы функцию pausePage и setTimeout запихали внутрь обработчика по onclick меню??

должно быть как-то так:

во время загрузки устанавливается флаг blockLinks
после загрузки страницы (см. $( document ).ready() )
вешается обработчик на click и запускается setTimeout

var links = ['#tab1'];
var blockLinks = true; // флаг блокировки меню

// функция выполняющаяся по истечении таймаута
function pausePage (){
  // сбрасываем флаг блокировки меню
  blockLinks = false;
  // далее остальной код .........
  links.splice([1],1);
  $(pages).addClass('hide').removeClass('anim').removeClass('anim2');
  $(id).removeClass('hide').addClass('anim');
}

$(function(){
// ниже код который выполняется после загрузки страницы
  // устанавливаем обработчик на click
  $('.tabs li a').on('click', function(e){
    // проверяем флаг blockLinks
    if (blockLinks) {
      // если установлена блокировка выходим!
      e.preventDefault();
      return false;
    }
    // здесь ниже код который должен выполняться по клику
    // ................
    // ................
  });
  
  // запускаем таймер
  setTimeout (pausePage,3000);
})

Андрей Юрчук,

А JQuery в несложных операциях редко подводит. Этот случай редкость, если это вообще из-за JQ

потому что вы говорите за JQuery, а пишете какую-то лапшу перемешанную!?

см. JQuery API Documentation
.width()
.resize()
Определяем размер окна браузера (JavaScript, jQuery)

как-то так:

$(function(){
  if ($(window).width() < 1184) {
    $( "#nav1" ).css( "display", 'none');
    $( "#nav2" ).css( "display", 'none');
  }

  $(window).resize(function(){
    if ($(window).width() < 1184) {
      $( "#nav1" ).css( "display", 'none');
      $( "#nav2" ).css( "display", 'none');
    }  else {
      $( "#nav1" ).css( "display", 'flex');
      $( "#nav2" ).css( "display", 'flex');
    }
  })

  $( ".nav-logo" ).click(function() {
    if ($(window).width() < 1184) {
      $( "#nav1" ).toggle( "slow", function() {
        // Animation complete.
        // $(this).rotate(100);
      });
      $( "#nav2" ).toggle( "slow", function() {
        // Animation complete.
        // $(this).rotate(100);
      });
    } else {
      $( "#nav1" ).css( "display", 'flex');
      $( "#nav2" ).css( "display", 'flex');
    }
  });

});

Про window.matchMedia посмотрите статью:
Изучаем matchMedia API и object MediaQueryList

и судя по всему, в условии надо было писать так:

window.matchMedia('screen and (max-width: 1184px)').matches

if (window.matchMedia('screen and (max-width: 1184px)').matches) {
  $( "#nav1" ).css( "display", 'none');
  $( "#nav2" ).css( "display", 'none');
} else {
  $( "#nav1" ).css( "display", 'flex');
  $( "#nav2" ).css( "display", 'flex');
}

так же - Адаптивный jQuery без window.matchMedia

UPDATE:
Извиняюсь, гоню. переработал )))
в принципе-то ваш скрипт работает!

PS: Замените у себя все значения 1184 на 1000 на jsfiddle и раздвиньте окно с результатом на максимум, все норм (у меня просто экран узкий, не влазит, сильно не могу раздвинуть :) ).

PPS: так же все скрипты должны быть либо в конце страницы, либо вызываться по onload (см. мой скрипт)

Если вы хотите делать именно на jQuery, то вам необходимо перебрать все элементы которые возвращает

$('.s6035')

и уже с ними производить манипуляции, для этого есть метод .each
смотрите jQuery - Перебор массива, объекта и элементов

и это будет примерно так:

$(".plus").on("click", function(){
  $.each($(".s6035"), function(index, element){
    $(element).text(parseInt($(element).text()) + parseInt($(element).data("col")))
  })
})

$(".minus").on("click", function(){
  $.each($(".s6035"), function(index, element){
    $(element).text(parseInt($(element).text()) - parseInt($(element).data("col")))
  })
})

uchitelmachine, ну вы как бы не все данные предоставили...
1) - что за класс R ?? что там внутри и как работает?
2) - profile.php - это что, что там и где?
В том что предоставили вроде бы ничего криминального нет, кроме.... Одного ....
jQuery.ajax() - это асинхронный метод! это значит что он запускается , но скрипт не ждет его выполнения, он выполняется дальше.
И вы его (Ajax) вызываете и тут же делаете переход на другую страницу -

document.location.href = "profile.php";

Полагаю, что в 99.9% - Ajax запрос просто не отрабатывает, т.к. не успевает выполниться.
Имхо, вам следует перенести переход на другую страницу в функцию обработки ответа на запрос:

success: function(data){
                        console.log(data);
                        document.location.href = "profile.php";
                    },
                });

Планирование: setTimeout and setInterval

XMLHttpRequest (AJAX) - отправка и обработка ответ...

в статье есть хорошие примеры.
вам нужно в функции updateQty через AJAX запрос вызвать php скрипт и либо методом GET, либо методом POST передать в него данные.

ну как же свойство children ?? которое в этом скрипте так же используется?
см. Свойство children

INPUT будет дочерним элементом TD поэтому все проще простого:
вместо
cell.textContent
использовать
cell.children[0].value

Upd:

<hmtl>
<style>
body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
  text-align: center;
}
</style>
<body>
<div id="app"></div>

<table>
  <tr data-new="1" data-id="1">
    <td data-name="cell_11"><input type="text" value="11"></td>
    <td data-name="cell_12"><input type="text" value="12"></td>
  </tr>
  <tr data-new="2" data-id="2">
    <td data-name="cell_21"><input type="text" value="21"></td>
    <td data-name="cell_22"><input type="text" value="22"></td>
  </tr>
</table>

<script>
var x = {};
[].forEach.call(document.querySelectorAll("tr"), function(el) {
  if (+el.getAttribute("data-new") >= 0) {
    let inn = (x[el.getAttribute("data-id")] = {});
    [].forEach.call(el.children, function(cell) {
      inn[cell.getAttribute("data-name")] = cell.children[0].value;
    });
  }
});
var dataJSON = JSON.stringify(x)
document.querySelector("#app").innerHTML = dataJSON;
</script>
</body>
</hmtl>

Все работает, а если ошибка, то у вас помимо инпута в ячейке есть еще элементы
тогда если лень разбираться можно использовать:

cell.getElementsByTagName("input")[0].value