我将如何采取产品与同一类别到一个字符串或数组?

Question

如何将具有相同类别的产品放入字符串或数组中?

<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>

我想要的是，过滤它们并将它们附加到一个新的div中，以使用gsap创建一个可过滤的动画。这实际上是一个wordpress woocommerce产品页面。

上次我使用gsap创建了一个弹出窗口，在这里，我使用了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');
});

触发器为("dasrgsap__reveal-trigger sandra"，弹出内容容器为("dasrgsap__reveal-container sandra"。它们都被赋予了两个独立的类，这使得拆分和访问它们变得更加容易。

但是在这种情况下，woocommerce产品列表项目被赋予了太多的类，所以我可以使用的唯一类是"product_cat-'product-category'"，

我想获得相同产品类别的字符串或数组，我想分割"product_cat-"one_answers";category-1"然后得到那个类别的数组但是我做不到

这可能吗?

Answer 1

我不明白你想要什么，但有选择器可以帮助你。看看这个页面attribute_selectors

$("[class*='product_cat-category'")

它会给你一个包含product_cat-category的JQ数组元素，然后你可以读取类列表并获得类别