0xD34F

const containerSelector = '.form-fields';
const itemSelector = `${containerSelector} .wrapper-from-field`;
const activeClass = 'active';
const toggle = item => item
  .closest(containerSelector)
  .querySelectorAll(itemSelector)
  .forEach(n => n.classList.toggle(activeClass, n === item));

document.querySelectorAll(itemSelector).forEach(function(n) {
  n.addEventListener('change', this);
}, e => toggle(e.currentTarget));

// или

document.addEventListener('change', e => {
  const item = e.target.closest(itemSelector);
  if (item) {
    toggle(item);
  }
});

берёте moment.js и: moment(dateStr, 'MMM D, YYYY at hh:mm A').unix()

или, если подрезать строку, можно будет обойтись без сторонних библиотек:

Date.parse(dateStr.replace('at', '')) / 1000

const getCard = button => $(`#card${button.id.match(/\d+/).pop()}`);

$('[id^="button"]').hover(
  e => getCard(e.target).fadeIn(),
  e => getCard(e.target).fadeOut(),
);

или

const $buttons = $('[id^=button]').hover(function(e) {
  this.eq($buttons.index(e.target))[e.type === 'mouseenter' ? 'fadeIn' : 'fadeOut']();
}.bind($('[id^=card]')));

Продублировать option'ы. Первый в каждой из полученных пар будет содержать текст, отображаемый в качестве выбранного, при этом сам он должен быть скрыт, чтобы не отображаться в выпадающем списке. При выборе следует присвоить select'у его текущее значение, чтобы выбранным option'ом (т.е. тем, чей текст будет показан в select'е) вместо видимого второго оказался скрытый первый.

select.innerHTML = [
  { val:  69, optionText:  'hello, world!!', selectText:  'HELLO, WORLD!!' },
  { val: 187, optionText:  'fuck the world', selectText:  'FUCK THE WORLD' },
  { val: 666, optionText: 'fuck everything', selectText: 'FUCK EVERYTHING' },
].map(n => `
  <option value="${n.val}" hidden>${n.selectText}</option>
  <option value="${n.val}">${n.optionText}</option>
`).join('');

select.addEventListener('change', e => e.target.value = e.target.value);

Откуда и куда копируем:

const source = document.querySelector('.menu');
const target = document.querySelector('#parent');

• Вариант раз - cloneNode.
  
  Можно перебирать элементы и копировать их по одному:
  
  

  for (const n of source.children) {
    target.appendChild(n.cloneNode(true));
  }
  
  // или
  
  source.querySelectorAll(':scope > *').forEach(n => {
    target.insertAdjacentElement('beforeend', n.cloneNode(true));
  });

  
  А можно скопировать их родителя:
  
  

  // вложенные узлы копии добавляем в целевой элемент
  target.append(...source.cloneNode(true).children);
  
  // или, заменяем целевой элемент копией исходного
  target.replaceWith(source.cloneNode(true));

  
  
• Вариант два - копируем не сами элементы, а разметку:
  
  

  target.innerHTML = source.innerHTML;
  
  // или
  
  target.outerHTML = source.outerHTML;

  
  

function getDate(day, year = new Date().getFullYear()) {
  const date = new Date(year, 0, day);
  return [
    date.getDate(),
    [
      'январь', 'февраль', 'март', 'апрель', 'май', 'июнь',
      'июль', 'август', 'сентябрь', 'октябрь', 'ноябрь', 'декабрь'
    ][date.getMonth()],
    [ 'вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб' ][date.getDay()],
  ].join(' ');
}


getDate(115, 2019) // "25 апрель чт"

или

const getDate = (day, year = new Date().getFullYear()) =>
  new Date(year, 0, day).toLocaleString('ru-RU', {
    day: 'numeric',
    month: 'long',
    weekday: 'short',
  });


getDate(115, 2019) // "чт, 25 апреля"

Останавливайте всплытие события при клике на .close-panel, чтобы только что удалённый класс не добавлялся обратно (при обработке события в родительском элементе):

$('.close-panel').on('click', function(e) {
  e.stopPropagation();
  $('.add-caption').removeClass('active');
});

Или, уберите отдельный обработчик клика по .close-panel, а в обработчике клика по .add добавляйте или убирайте класс в зависимости от того, откуда пришло событие:

$('.add').on('click', function(e) {
  $('.add-caption').toggleClass('active', !$(e.target).hasClass('close-panel'));
});

text.match(/8 \(495\) \d{3}-\d{2}-\d{2}/g)

const toDelX = new Set;
const toDelY = new Set;

X.forEach((n, i) => {
  if (X2.includes(n) && Y2.includes(Y[i])) {
    toDelX.add(n);
    toDelY.add(Y[i]);
  }
});

X2.splice(0, X2.length, ...X2.filter(n => !toDelX.has(n)));
Y2.splice(0, Y2.length, ...Y2.filter(n => !toDelY.has(n)));

let autoplayInterval = null;

function startAutoplay() {
  if (!autoplayInterval) {
    autoplayInterval = setInterval(plusSlide, 1000);
  }
}

function stopAutoplay() {
  clearInterval(autoplayInterval);
  autoplayInterval = null;
}

Object.entries(a).reduce((acc, [ k, v ]) => acc + (b[k] === v), 0)

Не нужна регулярка:

email.split('@', 1)[0]
// или
email.slice(0, email.indexOf('@'))

Но если очень хочется, такие есть варианты:

email.replace(/@.+/, '')
// или
email.match(/[^@]+/).pop()
// или
/.+(?=@)/.exec(email).shift()

Заворачиваете всё в промисы, и кидаете их в Promise.all.

1. Для получения значения атрибута вместо prop следует использовать attr.

2. Теряется контекст. Передавайте элемент как параметр:

function GetFaqAriaExpand(el) {
  var fa = $(el).attr('aria-expanded');
  ...


var fa = GetFaqAriaExpand(this);

Или устанавливайте контекст при вызове:

var fa = GetFaqAriaExpand.call(this);

$('.radio-input').parent('p').text((i, text) => text.replace('Какой-то ', ''))

$(this).parent('.card-header')

А точно родительский элемент имеет класс card-header? - если нет, вызывайте parent без параметра. Или может быть класс есть, но элемент не родительский, а находится выше? - тогда замените parent на closest.

Всё срабатывает. "Не срабатывает" и "срабатывает не так, как я задумал" - это не одно и то же. Промис должен резолвиться по таймауту, а не сразу; на каждый таймаут должен быть свой промис.

А чтобы выполнить какие-то действия после всех таймаутов, засуньте промисы в Promise.all:

Promise.all(rcs.map((residential, i) => {
  return new Promise(resolve => {
    setTimeout(() => {
      ...
      resolve();
    }, i * 50);
  });
}).then(() => {
  ...
});

Или сделайте метод асинхронным, и используйте await:

async setMarkers(rcs) {
  for (const residential of rcs) {
    await new Promise(resolve => setTimeout(resolve, 50));
    ...
  }
  ...
}

Определим функции сортировки, в зависимости от типа:

const sort = {
  str: (a, b) => a.text().localeCompare(b.text()),
  num: (a, b) => parseInt(a.text(), 10) - parseInt(b.text(), 10),
};

Кнопкам добавим data-атрибуты, которые будут указывать имя свойства и тип данных:

<button class="sort" data-field="age" data-type="num">Сортировать по возрасту</button>
<button class="sort" data-field="name" data-type="str">Сортировать по имени</button>

Ну и сортируем:

$('.sort').click(function() {
  const
    $this = $(this),
    data = $this.data(),
    compare = sort[data.type],
    field = `.${data.field}`,
    order = +data.order || 1;

  $('.block')
    .sort((a, b) => order * compare($(field, a), $(field, b)))
    .appendTo('.cont');

  $this.data('order', order * -1);
});

https://jsfiddle.net/8wkn5hz4/

const idsA = new Set(ListA.map(n => n.id));
const objB = Object.fromEntries(ListB.map(({ uid, ...n }) => [ uid, (n.id = uid, n) ]));
const ListAB = ListA.map(n => ({ ...n, ...objB[n.id] }));
ListB.forEach(({ uid }) => idsA.has(uid) || ListAB.push(objB[uid]));