Егор Живагин

$('input').on('input', function () {
    var text = $(this).siblings("select" ).find('option:selected').text();
});

$(function(){
  $('#support nav a').click(function(e) {
    e.preventDefault();
    $(this).addClass('active').siblings().removeClass('active');
    var tab = $(this).data('id');
    $('#support .slide[data-id="' + tab + '"]').addClass('active').siblings().removeClass('active');
  });
});

Почитайте про siblings() , всё очень просто

UPD: Заменил attr() на data() , так чуть правильнее

Сначала вопрос - jQuery подключена? Или чистый JS ?

for (var i = 0; i <= json.length - 1; i++){ - я думаю, так должно быть лучше.
Такая ошибка значит, что json[i] - undefined скорее всего. Если вы используете перебор массива, то у последнего элемента индекс равен array.length - 1

А вообще, легче использовать forEach вместо for :)

PS - консоль отрабатывает нормально, потому что вообще отрабатывает последний раз на предыдущей интерации цикла. Поставьте её после объявления obj и выводите json[i] - увидите проблему

Чтобы начать знакомиться с Нодой нужно в совершенстве знать базу - типы данных, операции, область видимости, ...
На learn.javascript это Основной курс --> левая половина --> Что-то около половины разделов
Это именно для знакомства, чтоб туториал более-менее понять

Качаешь и ставишь Ноду + Express.js . Открываешь мануал Express и делаешь Hello World . А дальше само пойдёт

Верстаешь отдельно блок-прелоадер. Стилями скрываешь его, например:

.preloader {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: none;
}

В блок с прелоадером кладёшь гифку/блок с анимацией/svg (да что угодно) .

По клику на кнопку показываешь.

Если по клику у тебя ajax-запрос какой-нибудь, в коллбеке опять скрываешь прелоадер.

Что такое "Забить на JS" ? Вообще им не пользоваться?) Css хоть и продвинулся, но это не выход

Забейте на фреймворки, если угодно. Они должны быть уместны, подбираться под задачу. Нравится jQuery - юзайте jQuery

Второй вариант, а при добавлении в корзину проверять наличие данного товара в ней:

var already = false;

cart.forEach(product=>{
    if (product.item == 'product_1' ) {
        already = true;
        // такой продукт уже в корзине
    }

    if (already) {
        ....
    } else {
       ....
    }
})