код HTML
<div class="tabs">
<div class="tab-bg">
<ul class="tabs__items">
{% for m in month %}
<li class="tabs__item">
<a class="dark" href="#/{{m|date:'n'}}">{{m|date:'F'}}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="afisha-list">
{% for poster in dates %}
<div id="{{poster.start_data|date:'n'}}" class="afisha-list__item">
<div class="afisha__top">
<div class="data-time size_l">
<span class="bg"><i class="fa-regular fa-calendar-days"></i>
{{poster.start_data|date:'j E'}} / {{poster.start_data|date:'D'}}
{{poster.start_time|date:'G:i'}}</span>
</div>
<div class="afisha-title">
<a href="{% pageurl poster.page %}"
class="title btn__more dark">{{poster.page.afisha.name}}</a>
</div>
<div class="info__time size_l">
<p><i class="fa-solid fa-popcorn"></i>{{poster.page.afisha.hall}}</p>
<p><i class="fa-regular fa-clock"></i>{{poster.page.afisha.duration}}</p>
</div>
</div>
<div class="afisha__bottom">
<div class="age">{{poster.page.afisha.age}}+</div>
<a href="#" class="js-unifd-trigger-link btn dark bg size_l"
data-unifd-title="{{poster.page.afisha.name}}"
data-unifd-showtime="{{poster.start_data|date:'Y.m.d'}}+{{poster.start_time|date:'G:i'}}">Купить
билет</a>
</div>
</div>
{% endfor %}
</div>
код jQuery
(function($) {
var tabs = $(".tabs__items li a");
tabs.bind('click',function() {
var content = this.hash.replace("/","");
tabs.removeClass(".tab-active");
$(this).addClass(".tab-active");
$(".afisha-list").find('.afisha-list__item').hide();
$(content).fadeIn(200);
});
})(jQuery);
tabs находит только один уникальный id, а мне нужно все элементы. там 2 числа 15 октября и 19 октября,а выводит только 15 октября. как нужно сделать чтобы вывели все числа в октябре