¿Cómo llevaré el producto con la misma categoría a una cadena o matriz?

 <ul> <li class="product_cat-category-1"></li> <li class="product_cat-category-3"></li> <li class="product_cat-category-2"></li> <li class="product_cat-category-5"></li> <li class="product_cat-category-1"></li> <li class="product_cat-category-2"></li> <li class="product_cat-category-3"></li> <li class="product_cat-category-5"></li> <li class="product_cat-category-4"></li> <li class="product_cat-category-1"></li> <li class="product_cat-category-2"></li> <li class="product_cat-category-3"></li> <li class="product_cat-category-4"></li> </ul>

lo que quiero exactamente es filtrarlos y agregarlos a un nuevo div para crear una animación filtrable usando gsap. esta es en realidad una página de producto de wordpress woocommerce.

la última vez que creé una ventana emergente usando gsap, y en eso, usé algo llamado función split()

 triggers.each(function(){ let listClassName = $(this).attr('class').split(' '); let revealClassName = String(listClassName[listClassName.indexOf(listClassName.find(element => element === 'dasrgsap__reveal-trigger')) + 1]); const sectionReveal = $('.dasrgsap__reveal-content.' + revealClassName); const colReveal = $('.dasrgsap__reveal-content.' + revealClassName + ' .et_pb_column'); });

el activador fue ("dasrgsap__reveal-trigger sandra") y el contenedor de contenido emergente fue ("dasrgsap__reveal-container sandra"). ambos recibieron dos clases separadas, lo que facilitó dividirlos y acceder a ellos.

pero en este caso, los elementos de la lista de productos de Woocommerce tienen demasiadas clases, por lo que la única clase con la que puedo jugar para obtener una categoría específica es "product_cat-'product-category'",

Quiero obtener una cadena o matriz de la misma categoría de producto, quiero dividir "product_cat-" y "categoría-1" y obtener una matriz de esa categoría, pero no puedo hacerlo.

¿Es esto posible?