Павел

O&O ShutUp10:
https://www.oo-software.com/en/shutup10

const data = $('.price')
  .filter((i, n) => +n.value)
  .closest('tr')
  .find('input[type="hidden"]')
  .get()
  .map(n => n.value);

или

const data = Array
  .from(document.querySelectorAll('.price'))
  .filter(n => +n.value)
  .map(n => n.closest('tr').querySelector('input[type="hidden"]').value);

или

const data = Array.prototype.reduce.call(
  document.getElementsByClassName('price'),
  (acc, { value: v, parentNode: { parentNode: tr } }) => (
    +v && acc.push(tr.cells[0].children[0].value),
    acc
  ),
  []
);

.xxx {
  background: silver;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding: 0.3em 0.6em;
  position: relative;
}

.xxx::before {
  content: "";
  width: 1em;
  height: 1em;
  left: -0.2em;
  top: -0.2em;
  background: orange;
  position: absolute;
  z-index: -1;
}

https://jsfiddle.net/km85s9fv/

Добавляем кнопкам атрибут, который будет указывать относительную позицию нового активного элемента:

<span class="prev" data-step="-1">Prev</span>
<span class="next" data-step="+1">Next</span>

Индекс нового активного элемента будет суммой индекса текущего и относительного положения нового. Чтобы произошёл переход из конца в начало - необходимо брать остаток от деления суммы на количество элементов, индекс несуществующего элемента, расположенного за последним, превратится в 0. Переход из начала в конец - в случае jquery ничего делать не надо, метод eq позволяет указывать отрицательные индексы, которые используются для отсчёта позиции элемента начиная с конца; в случае чистого js надо будет добавить к сумме количество элементов, чтобы потенциальное отрицательное значение стало положительным, и при этом не изменился остаток от деления.

const itemSelector = 'li';
const buttonSelector = '[data-step]';
const activeClass = 'active';

$(buttonSelector).click(function() {
  const { step } = this.dataset;
  const $items = $(itemSelector);
  const $active = $items.filter(`.${activeClass}`);

  $active.removeClass(activeClass);
  $items.eq(($active.index() + +step) % $items.length).addClass(activeClass);
});

// или

const items = document.querySelectorAll(itemSelector);
let index = 0;

document.querySelectorAll(buttonSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick({ currentTarget: { dataset: { step } } }) {
  items[index].classList.remove(activeClass);
  index = (index + items.length + +step) % items.length;
  items[index].classList.add(activeClass);
}

Проще сделать как в документации написано, чем изобретать велосипед.
https://datatables.net/examples/api/counter_column...

Так что ли?

Если в поле будет храниться дата, то и брать нужно тип поля "дата". Формат даты в MySQL "Год-месяц-день". Не вижу никаких проблем преобразовать число в формате "дд.мм.год" в формат понятный MySQL. В запросе все выглядит логично:

SELECT * FROM `table` WHERE `id` >= 76 AND `id` <= 936 AND`date` >= '2018-01-10' AND `date` <= '2018-02-01'
#или
SELECT * FROM `table` WHERE `date` BETWEEN '2018-09-10' AND '2018-11-10'
#или
SELECT * FROM `table` WHERE `date` IN ( '2018-09-10', '2018-11-10', '2018-10-10' )

Ещё есть интервальные функции и функции извлечения отдельных временных данных, типа YEAR( `data`), MONTH(`data`), DAY(`data`) и.т.д. В целом, работа с ними осуществляется как и с другими типами полей. MySQL сам со всем этим разбирается. Полагаю, для начала такой информации Вам будет достаточно. :) Вывод даты из MySQL можно форматировать к нужному виду :

SELECT DATE_FORMAT(`date`,"%d.%m.%Y") AS `date` FROM `table` WHERE id=1

Выведет что-нибудь подобное : "01.01.2018"

<select id = 'shop'>
    <option value = '0'>Фуршет</option>
    <option value = '1'>Ашан</option>
    <option value = '2'>Простор</option>
</select>

<select id = 'cathegory'></select>

$( 'select#shop' ).on( 'change', function() {
    $.post( 'select_cathegory.php', {
      data: { parent_id:  this.value },    //  поразумеваются, что значения для селекта #shop соответствуют parent_id в БД
      success: function( response )  {
         $( 'select#cathegory' ).html( response )
      }
    } )
} )

Код сервера

$result = mysql_query( 'SELECT * FROM objects WHERE parent_id = ' . $_POST[ 'parent_id' ] );
while ( $row = mysql_fetch_array( $result, MYSQL_ASSOC ) ) {
    echo ( '<option value = '. $row[ 'cathegory_id' ].'>'. $row[ 'cathegory_name' ] .'</option>' );
}

Виндовый перевод строки — удалите перевод строки и замените его на стандартный линуксовый.

походу при копипасте попался непечатный символ (это отлично видно в hex-редакторе).
прост удали последнюю строку полностью и набери fi ручками.

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

Да: https://editor.datatables.net/examples/inline-edit...

Родительскому блоку дополнительного содержимого добавьте какой-нибудь класс, чтобы к нему напрямую обращаться можно было, типа class="subs", например.

$('select').change(function() {
  $('.subs [class*="sub"]')
    .addClass('hidden')
    .filter(`.sub${$(this).val()}`)
    .removeClass('hidden');
});

// или

$('select').change(function(e) {
  const index = ($(e.target).prop('selectedIndex') || Infinity) - 1;
  this.addClass('hidden');
  this.eq(index).removeClass('hidden');
}.bind($('.subs').children()));

или

document.querySelector('select').addEventListener('change', e => {
  const cls = `sub${e.target.value}`;
  document.querySelectorAll('.subs [class*="sub"]').forEach(n => {
    n.classList.toggle('hidden', !n.classList.contains(cls));
  });
});

// или

document.querySelector('select').addEventListener('change', e => {
  const index = ~-e.target.selectedIndex;
  Array.prototype.forEach.call(
    document.querySelector('.subs').children,
    (n, i) => n.classList.toggle('hidden', i !== index)
  );
});

https://habr.com/post/264229/

https://winaero.com/blog/get-calculator-from-windo...
Стандартный калькулятор

Никак :)