coderisimo

Как всегда - общая идея реализации. Можно добавить столько фильтров сколь нужно. Все они работают в связке. Каждый элемент проходит сквозь "сито" установленных фильтров. Если он удовлетворяет критериям отбора - оказывается в результирующей выборке.

Стандартная ситуация )). Почему не изменяется значение переменной?
Куда вам надо передавать данные ?
Почему не устраивает коллбэк, который для этих целей и придуман?

let colors = ["red", "pink", "coral", "orange", "yellow", "green"];

let t = setInterval(function () {
  if (!colors.length) clearTimeout(t);
  colors.length && console.log(colors.shift());
}, 1000);

следует понимать, что в данном случае после выдачи всех значений массив будет пуст.

momentJS необязателен )

var getDatesBetweenDates = (startDate, endDate) => {
  let dates = []

  const theDate = new Date(startDate)
  while (theDate < endDate) {
    dates = [...dates, new Date(theDate)]
    theDate.setDate(theDate.getDate() + 1)
  }
  return dates
}

это будет массив объектов, откуда можно получить даты в нужном формате, например вот так :

(getDatesBetweenDates(new Date(2020,11,1), new Date(2020,11,7))).map((i)=>i.toLocaleString('ru',
{  
day: '2-digit', 
year: '2-digit', 
month: '2-digit',}))

можно собрать все это в одну ф-цию, но так нагляднее ))

Общая идея ф-ции, которая работает для всех элементов одинакового типа

Не совсем понимаю суть вашей проблемы, но , вот простой пример. Мы удаляем строки (просто кликая по ним). Когда строк не остается - таблица-таки еще на месте ))



если данные для таблицы получаете по ajax - посмотрите , что происходит при сортировке. Если у вас идет запрос к серверу, то не удивительно, что вы снова получаете полный набор (включая удаленные строки). Т.е вам нужно удалять строки и в БД, например.

Это совершенно разные события

Событие blur вызывается когда элемент теряет фокус
Событие change происходит, когда поля формы select, text или textarea теряют фокус и их значения изменяются.

Никогда такого не было и вот опять....

var bal = 0;
      fetch('url', {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          userid: userid
        })
    }).then(res => res.json()
).then( (data) => {
bal = data.bal;
// здесь bal уже с новым значением,
console.log(bal);
});

// здесь bal  все еще со старым значением.
console.log(bal);

//стартовал запрос
      $.ajax({
        url: '/getProduct',
        type: "POST",
        data: {'id': cart[i].id},
        success: function(result) {
        // когда ответ будет получен ваш - console.log(totalAllProducts); уже выполнен и в нем ничего на тот момент не было!
          totalAllProducts = totalAllProducts + Number(result);
        // а если выводить результат здесь, все все будет работать.
        }
      });
   
  //запрос еще не завершен...ответ не получен , а мы уже пытаемся вывести что-то в консоль.
    console.log(totalAllProducts);

вывод - хотите обработать ответ с сервера - помещайте код в коллбэки.
success, done, fail, always . Посмотрите какие из них поддерживаются в вашей версии jQ

Добавьте jQuery в ресурсы и все заработает


ну, и можно использовать более лаконичное решение :

$('#subscribeNews').click(function() {
  $('.rememberMe').text($(this).is(':checked') && 'новый текст' || 'напомнить мне');
});

Простейший пример :

Добавьте скрытое поле в форму. При клике на кнопки устанавливайте это значение в true или false. Следовательно, когда будете отправлять форму sendAjaxForm ваше скрытое поле также будет отправлено.

classList вместо classlist

Потому что СORS
статья
нужно настраивать сервер, чтобы все работало

Ну, так поместите все в одну форму. Только дайте имена своим инпутам.

<form class="quize-form-our">
   <label><input name='opa[]' value="Один" type="checkbox">Один</label>
   <label><input name='opa[]' value="Два" type="checkbox">Два</label>
   <label><input name='opa[]' value="Три"   type="checkbox">Три</label>

 <label><input name="opa2" value="Один" type="radio">Один</label>
   <label><input name="opa2"  value="Два" type="radio">Два</label>
   <label><input name="opa2" value="Три"  type="radio">Три</label>

</form>

Еще один способ (лаконичный) :)

str.split(1).length-1

Там же есть search :

var table = $('#example').DataTable();
 
// #column3_search is a <input type="text"> element
$('#column3_search').on( 'keyup', function () {
    table
        .columns( 3 )
        .search( this.value )
        .draw();
} );

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