Pavel

document.getElementsByClassName('variant checked')[0].dataset.price

Вариант с разбивкой через css не подойдет ? накидал немного
https://codepen.io/shutik-the-encoder/pen/xxPYwgM
или именно заполнение каждого элемента отдельно нужно ?

https://developer.chrome.com/extensions/tabs
chrome.tabs.getSelected - Deprecated since Chrome 33

Самое простое - передать массив из php в js в виде json (const data = <?=json_encode($some_array);?>)
и в js работайте уже с ним, например:

var data = {'1': 'one data', '2': 'two data'}; //получившийся json из массива в php

$('button').click(function(){
  var id = $(this).attr('id');
  var value = data[id] ? data[id] : 'empty';
  alert(value);
});

https://codepen.io/gabrieleromanato/pen/LpLVeQ

requireInteraction
Since Chrome 50.
Indicates that the notification should remain visible on screen until the user activates or dismisses the notification. This defaults to false.
Оно ?

По поводу первого:
Представьте что у вас на странице есть две ссылки, и они должны отображаться полностью:
mysite.com/super-puper-mega-url
и
mysite.com/other_super_puper_mega_url
и у этих двух ссылок указан стиль - "text-decoration: underline";
какая из этих двух ссылок будет читабельнее ?
https://codepen.io/anon/pen/dWpyNW

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

просто добавьте атрибут к тем элементам где требуется задержка data-delay='{"show":"500", "hide":"100"}'

$(document).on("click", "input#pay-type-1", function (e) {
setTimeout(function(){
$('#payment-block-1 label').click();
}, 1000)
});

после var status = $.cookie('blockColor'); вставьте
status && $(".block").addClass(status);

Как вариант можно запихать параметры фильтра в hash урл страницы.
1) выбрали параметры фильтра
2) сформировали строку вида: key1=val&key2=val&key3=val
3) запихали ее в hash: window.location.hash= "key1=val&key2=val&key3=val"
4) отправили ajax запрос
5) обновили страницу
6) прочитали hash и т.д.

clearString = str => {               
  const trash = str.match(/(.)\1{1,}/g)
  for(let o in trash) {   
    str = str.replace(trash[o], trash[o].substr(0,1)+'*')
  }           
  return str;
}
console.log(clearString('aabc11d'))

https://jsfiddle.net/xf60opqw/

$('.product-listing .four-cont').hover(function() {
    var $img = $(this).find('.image img'),
    cacheImg = $img.attr('src');

    if($img.data('additionalImage')) {        
        $img.fadeOut(500, function() {
            $img.attr('src', $img.data('additionalImage'));
            $img.data('additionalImage', cacheImg);
            $img.fadeIn(500);
        });       
    }
});

Есть jquery плагин - jquery zoom, посмотрите их реализацию, там не много кода

momentjs.com

Если коротко то живосайт работает примерно следующим образом - на сайте клиента устанавливается js код, который рендерит виджет (фрейм), пользователь указывает ФИО, телефон и т.д., живосайт тупо сохраняет куки с этими данными во фрейме. Далее этот же пользователь заходит на другой сайт где установлен виджет живосайта, живосайт подгружает фрейм, читает куки ... здравствуте Вася Пупкин )

сначала у вас на ссылку FAQ весит событие на клик, которое вызывает функцию - scroll в которой вы навешиваете еще одно событие на эту ссылку, и уже после второго клика срабатывает это новое событие, в котором и реализован скрол

document.referrer ?

var tt = {3: true, 4: true, 5: true, 6: true, 7: true};
console.log(Object.keys(tt));