0xD34F

const $wrapper = $('.wrapper');
$wrapper
  .children()
  .sort((a, b) => $('p', a).text() - $('p', b).text())
  .appendTo($wrapper);

или

const wrapper = document.querySelector('.wrapper');
wrapper.append(...Array
  .from(wrapper.children, n => [ n, +n.querySelector('p').innerText ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0])
);

$.when($('.item').fadeOut(300)).then(func);

или

$('.item').fadeOut(300).promise().then(func);

document.querySelector('input').addEventListener('input', function() {
  this.value = this.value.toUpperCase();
});

text-transform: uppercase; - не подходит, так как влияет только на отображения, не меняя сами данные

Кстати, подходит. Надо только будет выполнять .toUpperCase() при получении значения input'а.

Проверяйте, что у вас получается при конвертации в число:

const arr = str.split(' ').map(n => isNaN(n) ? n : +n);

В какой таблице и при наличии какого содержимого надо скрывать tr:

const tableSelector = 'таблица ваша, так что вам и виднее, какой у неё селектор';
const str = 'Материал';

Скрываем:

$(`${tableSelector} tbody tr:contains(${str})`).hide();

или

for (const { rows } of document.querySelector(tableSelector).tBodies) {
  for (const tr of rows) {
    for (const td of tr.cells) {
      if (td.innerText.includes(str)) {
        tr.style.display = 'none';
        break;
      }
    }
  }
}

или

.hidden {
  display: none;
}

document.querySelectorAll(`${tableSelector} tbody tr`).forEach(tr => {
  tr.classList.toggle('hidden', ~tr.textContent.indexOf(str));
});

Пусть родительский конструктор принимает значения общих свойств и устанавливает их:

function Ship(x, y) {
  this.x = x;
  this.y = y;
}

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

function PlayerShip(x, y) {
  Ship.call(this, x, y);
  this.petrol = 100;
}

Копипаста кода из документации результата не даёт

Что неудивительно - документация-то для Андроида, а у вас что?

Используем правильную документацию, немного допиливаем пример и... вы хотите что-то вроде этого, да?

const positives = arr.filter(n => n > 0);
const minPositive = positives.length
  ? Math.min(...positives)
  : null;

или

const minPositive = arr.reduce((min, n) => (n > 0 && (n < min || min === null)) ? n : min, null);

Можно удалять все возможные классы:

const classes = $buttons.get().map(n => n.dataset.set);

$buttons.click(function() {
  $('.current').removeClass('current');
  $(this).addClass('current');

  $blocks.removeClass(classes.join(' ')).addClass(this.dataset.set);
});

Или запоминать последний добавленный:

let currentClass = null;

$buttons.click(function() {
  $('.current').removeClass('current');
  $(this).addClass('current');

  const newClass = this.dataset.set;
  $blocks.removeClass(currentClass).addClass(newClass);
  currentClass = newClass;
});

Оба обработчика назначены одним и тем же элементам - .services_minus. То есть, при клике на плюс не происходит вообще ничего, а минус - количество будет уменьшаться, и сразу же увеличиваться обратно.

Относительное расположение кнопок и элемента с количеством совсем не то, что вам кажется. Вместо того, чтобы хватать следующий элемент после кликнутой кнопки, надо от кнопки подняться до общего её и количества предка, внутри которого уже искать количество. Т.е., .next('.services_nomer') следует заменить на

.closest('.services_button_block').find('.services_nomer')

Нашли элемент с количеством, достали из него текст - это всё одно выражение, т.е. результатом является строка и самого элемента с количеством у вас на руках нет, устанавливать новый текст вы пытаетесь строке. Доставать текст из элемента с количеством надо там, где у вас parseInt. Или можно оформить как одно выражение и поиск элемента с количеством и его обновление, передав в метод text функцию, которая примет текущее содержимое элемента и должна будет вернуть новое:

$('.services_minus').click(function() {
  $(this)
    .closest('.services_button_block')
    .find('.services_nomer')
    .text((i, text) => Math.max(0, text - 1));
});

$('.services_plus').click(function() {
  $(this)
    .closest('.services_button_block')
    .find('.services_nomer')
    .text((i, text) => +text + 1);
});

почему после возвращения из рекурсивного вызова i=3 а не 2?

Не выдумывайте, там 2.

Ну а то, что функция работает не так, как вы ожидаете - это потому что переменная i является глобальной.

const interval = 5 * 60 * 1000 // 5 минут, ага
const x = moment(Math.ceil(moment() / interval) * interval).format('HH:mm:ss')

Так?

Почему я не могу сделать просто func(args) ?

Потому что args - это массив аргументов, а вы должны передавать их по отдельности.

Зачем нужно подставлять контекст?

Не нужно. Можете делать так: func(...args).

Можно затриггерить событие change после установки обработчика, вызвав соответствующий метод без параметров:

$elems.change(function() {
  ...
}).change();

Или, если такой способ вам не подходит (например, ранее устанавливались другие обработчики change, и вы не хотите, чтобы они сработали), можно применить each, передав ему обработчик:

function onChange() {
  ...
}

$elems.change(onChange).each(onChange);

Ну типа вот, дальше допиливайте сами:

class Game extends React.Component {
  state = {
    panesCurrent: [],
    panesDefault: [ 1, 1, 1, 0, -1, -1, -1 ],
    panesWin: [ -1, -1, -1, 0, 1, 1, 1 ],
  }

  componentDidMount() {
    this.reset();
  }

  componentDidUpdate() {
    if (this.state.panesCurrent.every((n, i) => n === this.state.panesWin[i])) {
      setTimeout(alert, 25, 'WIN');
    }
  }

  onClick(index) {
    const clicked = this.state.panesCurrent[index];
    if (clicked === 0) {
      return;
    }

    for (let i = 1; i <= 2; i++) {
      const t = index + clicked * i;
      if (this.state.panesCurrent[t] === 0) {
        const panes = [...this.state.panesCurrent];
        [ panes[index], panes[t] ] = [ panes[t], panes[index] ];
        this.setState({ panesCurrent: panes });
        break;
      }
    }
  }

  reset = () => {
    this.setState(({ panesDefault }) => ({
      panesCurrent: [...panesDefault],
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.reset}>reset</button>
        <div className="game">
          {this.state.panesCurrent.map((n, i) => (
            <div
              className={'pane ' + [ 'left', '', 'right' ][n + 1]}
              onClick={() => this.onClick(i)}
            ></div>
          ))}
        </div>
      </div>
    )
  }
}

.game {
  font-size: 5px;
}

.pane {
  display: inline-block;
  width: 10em;
  height: 10em;
  margin: 1em;
}

.pane.right::after,
.pane.left::after {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: monospace;
  font-size: 4em;
}
.pane.right::after {
  content: "-->";
  color: red;
  border: 2px solid red;
}
.pane.left::after {
  content: "<--";
  color: lime;
  border: 2px solid lime;
}

Так?

vAxis: {
  direction: -1
}

text.replace(/http:/g, 'https:')

https://jsfiddle.net/k91bh634/

Можете подсказать что я делаю не так

Да всё так. Не хватает только сравнения координат элементов .box и координат перемещаемой картинки. А именно - вторые должны быть больше left/top и меньше left+width/top+height первых. Четыре неравенства, ничего сложного.