0xD34F

Добавьте e.preventDefault() в метод mouseDown.

Так?

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

Ошибка в разметке - ul используется в качестве li. Исправлено.

moment.js:

moment(str, 'HH:mm DD.MM.YY').format('YYYY-MM-DD HH:mm')

или

str.replace(/(\S+) (\d+)\.(\d+)\.(\d+)/, '20$4-$3-$2 $1')

Забываете переключать форму, которая уже видна. Её можно найти с помощью псевдоселектора :visible:

$('.login-container a').click(function() {
  $(`form.${this.dataset.targetclass}, form:visible`).animate({
    height: 'toggle',
    opacity: 'toggle',
  }, 'slow');
});

А что это за append? - такого метода у строк нет. Наверное, имеется в виду метод jquery, т.е. должно было быть так:

$('<a href="#" class="list-group-item" />').append(year - i).appendTo('.list-group');

Так вот, почему появляется не 10 пунктов, а всего 5!

Потому что вы пытаетесь добавить в таблицу элементы, которые там уже есть.

Добавляйте копии элементов:

const [ tbody ] = table.tBodies;
tbody.append(...Array
  .from(tbody.rows, n => [ n, +n.cells[0].textContent ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0].cloneNode(true))
);

Или создавайте новые пустые строки и копируйте разметку существующих:

[...table.rows]
  .sort((a, b) => a.innerText - b.innerText)
  .forEach(n => table.insertRow().innerHTML = n.innerHTML);

const colors = [ 'green', 'blue', 'red' ];

$('table').on('click', 'td', function() {
  $(this).addClass(colors[$(this).text() - 1]);
})

$('table').find('td').text(() => 1 + Math.random() * 3 | 0);

UPD. Вынесено из комментариев:

Как залить ячейку по которой я нажал и ячейки вокруг нее в цвет из масива?

Так, например.

UPD.

не много не так. нужно залить все 1 цветом

https://jsfiddle.net/dockLj5t/

Потому что при сравнении объектов и булевых значений последние преобразовываются в числа, а при сравнение объектов и чисел объекты также преобразуются в числа, т.е., в конечном счёте, в данном случае имеет место сравнение NaN и 1.

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

Что мешает сразу же получить нулевой элемент массива? Типа так:

file.name.split(/\.\D+/g)[0]

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

file.name.slice(0, file.name.lastIndexOf('.'))

UPD. Вынесено из комментариев:

мне нужен сам формат png

Ну тогда так: file.name.slice(file.name.lastIndexOf('.') + 1).

Или так: file.name.split('.').pop().

Или так: file.name.match(/[^.]+$/)[0].

Или так: file.name.replace(/.*\./, '').

<select class="b-fruits">
  <option>apple</option>
  <option>orange</option>
  <option>banana</option>
</select>

<select class="b-discounts">
  <option data-type="apple">100</option>
  <option data-type="apple">200</option>
  <option data-type="orange">300</option>
  <option data-type="banana">400</option>
</select>

$('.b-fruits').change(function() {
  $('.b-discounts')
    .val(null)
    .find('option')
    .hide()
    .filter(`[data-type="${$(this).val()}"]`)
    .show();
}).change();

// или

const fruits = document.querySelector('.b-fruits');
const discounts = document.querySelector('.b-discounts');

fruits.addEventListener('change', ({ target: { value } }) => {
  discounts.value = null;
  for (const n of discounts.options) {
    n.hidden = n.dataset.type !== value;
  }
});

fruits.dispatchEvent(new Event('change'));

const obj = arr
  .filter(n => n.status === 'approved')
  .reduce((p, c) => ({ ...p, message: `${p.message}\n${c.message}` }));

Или, собираем всё, а затем извлекаем, что потребуется:

const grouped = arr.reduce((acc, { status, message }) => {
  acc[status] = acc[status] || { status, messages: [] };
  acc[status].messages.push(message);
  return acc;
}, {});

Object.keys(grouped).forEach(n => grouped[n].messages = grouped[n].messages.join('\n'));


const obj = grouped.approved;

Так?

const result = []
  .concat(...Object.values(anyIcons))
  .filter(n => n.title.includes('wq'));

или

const result = [];

for (const k in anyIcons) {
  for (const n of anyIcons[k]) {
    if (n.title.indexOf('wq') !== -1) {
      result.push(n);
    }
  }
}

1. Вместо name должен быть id.

2. Надо отменять действие по умолчанию.

$('a[href^="#"]').click(function(e) {
  e.preventDefault();
  const selector = $(this).attr('href');
  const scrollTop = $(selector).offset().top;
  $('html').animate({ scrollTop }, 1100);
});

Если вы полагаете, что i в момент выполнения a('.add_list > div')[i] будет равно 0, 1, 2, и т.д., то вы сильно ошибаетесь. Оно всегда будет равно 10. Объявите i с помощью let вместо var.

Ну и конечно несколько странно пытаться что-то делать с элементом, в существовании которого вы не удостоверились. Проверку бы какую сделали, что ли. А лучше - изначально обрабатывать только то, что есть:

[...document.querySelectorAll('.add_list > div')].slice(0, 10).forEach((n, i) => {
  setTimeout(() => n.style.opacity = 1, i * 30);
});

const sum = arr =>
  arr.reduce((acc, n) => {
    Object.entries(n).forEach(([ k, v ]) => acc[k] = (acc[k] || 0) + v);
    return acc;
  }, {});


const result = sum(a);

JSON.stringify(user, (k, v) => v instanceof Function ? v.toString() : v)

Правильно конечно в PHP.

Дело в том, что в JS побитовые операции выполняются над 32-битными целыми числами со знаком, для которых максимальное положительное значение 2147483647. Что меньше, чем 2851871266. Соответственно, получается переполнение.