У меня есть неупорядоченный список, который содержит ссылки внутри каждого.Каждая ссылка добавляет фильтр к URL-адресу сайта и фильтрует продукты на основе этого значения.
<ul class="layered-nav-list">
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=100mg">100mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=250mg">250mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=20mg">20mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=25mg">25mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=50mg">50mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=500mg">500mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=550mg">550mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=750mg">750mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=1000mg">1000mg</a> </li>
<li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=1500mg">1500mg</a> </li>
</ul>
Я хотел бы превратить этот список в слайдер диапазона. Например: ![enter image description here](https://i.stack.imgur.com/dTncR.gif)
Моя главная проблема заключается в том, что я не могу изменить HTML в этих обстоятельствах.Каждое найденное мной решение для слайдера диапазона jQuery не преобразует существующие списки или входные данные в слайдер диапазона.Можно ли преобразовать этот неупорядоченный список, чтобы он действовал как слайдер диапазона с кнопкой фильтра, используя jQuery?Какой мой лучший подход?
Спасибо за любую помощь.