Как выбрать несколько следующих элементов по клику?

Question

[unsweet]

Есть календарь и скрипт, который по клику подставляет класс(выделяющий блок с датой) выбранному элементу и убирает у остальных.
Т.е.

<div href="#" class="m-d monthly-day monthly-day-event" data-number="1">
<div class="monthly-day-number">1</div>
<div class="monthly-indicator-wrap"></div>
</div>
<div href="#" class="m-d monthly-day monthly-day-event" data-number="2">
<div class="monthly-day-number">2</div>
<div class="monthly-indicator-wrap"></div>
</div>
и т. д.

и скрипт:

$('body').on('click', '.m-d', function() {
        $('.m-d').removeClass('monthly-today');
        $(this).addClass('monthly-today');

        return false;
    });

И есть такая вещь, как :lt(index)
А как его применить к $(this) ? Мне нужно, чтобы выделялись несколько элементов после того, на который я нажал.

Answer 1

[Владимир Проскурин]

$(this).index() вернет номер текущего элемента (с нуля).
Пример https://jsfiddle.net/7mw5de0v/

Comments

[unsweet]

спасибо, а как выделить n элементов после выбранного?

[Владимир Проскурин]

unsweet, https://jsfiddle.net/7mw5de0v/8/

[unsweet]

спасибо