Задать вопрос

Как сделать условие на JS для категорий?

Например есть такой список категорий, и при нажатии открывается dropdown с подкатегориями
6133568598741762641720.png
, какое условие можно написать, если в категории меньше 1 пункта товара? допустим, если в категории пуховики -> только пуховик с капюшоном, тогда у него не будет e.preventDefault и он будет простой ссылкой котора ведет ко всем товарам,
Код примерно такой
$(".product-categories> li > a").click(function (e) {
        e.preventDefault();      
        $(".children").slideUp(400);
        $(this).next(".children").slideDown(400);
        
    });

и html,
<ul class="product-categories"><li class="cat-item cat-item-18 cat-parent"><a href="https://www.belitskybrand.ru/product-category/down_jacket/">Пуховики</a><ul class="children" style="display: block;"><li class="cat-item cat-item-156 cat-parent"><a href="https://www.belitskybrand.ru/product-category/down_jacket/moncly/">Moncly</a><ul class="children" style=""><li class="cat-item cat-item-157"><a href="https://www.belitskybrand.ru/product-category/down_jacket/moncly/s-kapyushonom/">с капюшоном</a></li><li class="cat-item cat-item-158"><a href="https://www.belitskybrand.ru/product-category/down_jacket/moncly/s-anglijskim-vorotnikom/">с английским воротником</a></li></ul></li><li class="cat-item cat-item-159 cat-parent"><a href="https://www.belitskybrand.ru/product-category/down_jacket/judy/">Judy</a><ul class="children" style=""><li class="cat-item cat-item-161"><a href="https://www.belitskybrand.ru/product-category/down_jacket/judy/s-anglijskim-vorotnikom-judy/">с английским воротником</a></li><li class="cat-item cat-item-160"><a href="https://www.belitskybrand.ru/product-category/down_jacket/judy/s-kapyushonom-judy/">с капюшоном</a></li><li class="cat-item cat-item-162"><a href="https://www.belitskybrand.ru/product-category/down_jacket/judy/shalevoj-vorotnik/">шалевой воротник</a></li></ul></li><li class="cat-item cat-item-19"><a href="https://www.belitskybrand.ru/product-category/down_jacket/hooded_down_jacket/">Пуховик-одеяло с капюшоном</a></li><li class="cat-item cat-item-22"><a href="https://www.belitskybrand.ru/product-category/down_jacket/down_jacket_with_a_shawl/">Пуховик-одеяло с шалевым воротником</a></li><li class="cat-item cat-item-20"><a href="https://www.belitskybrand.ru/product-category/down_jacket/down_jacket_quilt/">Пуховик-одеяло с английским воротником</a></li><li class="cat-item cat-item-21"><a href="https://www.belitskybrand.ru/product-category/down_jacket/hooded_down_jacket_short/">Пуховик с капюшоном (короткий)</a></li><li class="cat-item cat-item-23"><a href="https://www.belitskybrand.ru/product-category/down_jacket/down_jacket_with_a_shawl_short/">Пуховик с шалевым воротником (короткий)</a></li></ul></li><li class="cat-item cat-item-27 cat-parent"><a href="https://www.belitskybrand.ru/product-category/cloak/">Плащи</a><ul class="children" style="display: none;"><li class="cat-item cat-item-175"><a href="https://www.belitskybrand.ru/product-category/cloak/moncly-cloak/">Moncly</a></li><li class="cat-item cat-item-28"><a href="https://www.belitskybrand.ru/product-category/cloak/hooded_cloak/">Плащ с капюшоном</a></li><li class="cat-item cat-item-29"><a href="https://www.belitskybrand.ru/product-category/cloak/raincoat_with_english_collar/">Плащ с английским воротником</a></li></ul></li><li class="cat-item cat-item-130 cat-parent"><a href="https://www.belitskybrand.ru/product-category/fur/">Шубы</a><ul class="children" style="display: none;"><li class="cat-item cat-item-178"><a href="https://www.belitskybrand.ru/product-category/fur/fur-fur/">Шубы</a></li></ul></li><li class="cat-item cat-item-165 cat-parent"><a href="https://www.belitskybrand.ru/product-category/kurtka-rubashka/">Куртка-рубашка</a><ul class="children" style="display: none;"><li class="cat-item cat-item-166"><a href="https://www.belitskybrand.ru/product-category/kurtka-rubashka/kurtka-rubashka-s-kapyushonom/">Куртка-рубашка с капюшоном</a></li><li class="cat-item cat-item-167"><a href="https://www.belitskybrand.ru/product-category/kurtka-rubashka/kurtka-rubashka-kurtka-rubashka/">Куртка-рубашка</a></li><li class="cat-item cat-item-168"><a href="https://www.belitskybrand.ru/product-category/kurtka-rubashka/palto-rubashka/">Пальто-рубашка</a></li></ul></li><li class="cat-item cat-item-110 cat-parent"><a href="https://www.belitskybrand.ru/product-category/palto-halat/">Пальто</a><ul class="children" style="display: none;"><li class="cat-item cat-item-176"><a href="https://www.belitskybrand.ru/product-category/palto-halat/avlto-halat/">пальто-халат</a></li></ul></li><li class="cat-item cat-item-122 cat-parent"><a href="https://www.belitskybrand.ru/product-category/trench-sale/">Тренчкот</a><ul class="children" style="display: none;"><li class="cat-item cat-item-111"><a href="https://www.belitskybrand.ru/product-category/trench-sale/trenchcoat/">Тренчкот</a></li></ul></li><li class="cat-item cat-item-164 cat-parent"><a href="https://www.belitskybrand.ru/product-category/hudi/">Худи</a><ul class="children" style="display: none;"><li class="cat-item cat-item-169"><a href="https://www.belitskybrand.ru/product-category/hudi/hudi-hudi/">Худи</a></li></ul></li><li class="cat-item cat-item-170 cat-parent"><a href="https://www.belitskybrand.ru/product-category/shapki/">Шапки</a><ul class="children" style="display: none;"><li class="cat-item cat-item-171"><a href="https://www.belitskybrand.ru/product-category/shapki/shapki-shapki/">Шапки</a></li></ul></li><li class="cat-item cat-item-173 cat-parent"><a href="https://www.belitskybrand.ru/product-category/vyazannaya-odezhda/">Вязанная одежда</a><ul class="children" style="display: none;"><li class="cat-item cat-item-177"><a href="https://www.belitskybrand.ru/product-category/vyazannaya-odezhda/funk-sviter/">Funk Свитер</a></li></ul></li></ul>
  • Вопрос задан
  • 28 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
artzolin
@artzolin Куратор тега WordPress
php, WordPress разработка сайтов artzolin.ru
Если у вас класс .cat-parent добавляется если есть дочерние элементы, то используйте его .product-categories > li.cat-parent > a
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы