Выбор <td>на несколько строк и даже таблиц с помощью jquery

Question

Я пытаюсь создать выбираемый календарь , который показывает мне какую-то доступность. Моя первая попытка сработала отлично. Я просто использовал строки, чтобы показать мне дату, и я мог легко использовать nextUntil - но это стало немного сложнее после разбиения его на несколько таблиц, каждая из которых представляет месяц.

Теперь моя проблема в том, что я могу выбирать только <td> из одного ряда за раз, и я не могу придумать, как перейти к следующему ряду, не уничтожив мой оператор until. Очень важно, чтобы «забронированный» класс не позволил моему инструменту выбрать td за пределами этой точки.
Надеюсь, мой вопрос прояснился, поскольку английский не мой родной язык.

Большое спасибо всем, что хотя бы прочитали это: D

Теперь вот код: В этой скрипке

Answer 1

Думайте, что это то, что вы хотите: http://jsfiddle.net/petersendidit/MEeXV/8/

Много чего почистил.Не забудьте кэшировать ваши селекторы, если вы собираетесь использовать их снова.Я также переключился на делегированное событие для обработчика щелчков.

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

Возможно, обработчик кликов можно разделить, чтобы сделать код чище и DRYer, но это поможет вам в этом.