Question

我正在使用投资组合（同位素），我想做下一步：

当我点击某些类别的项目被过滤但我想标记（将标记放在某些元素上）一些元素与另一个div。当我点击另一个类别时，项目将被过滤，新元素将具有与之前相同的div。

<ul> 
<li><a href="#" class="selected" data-filter="*">All</a></li> 
<li><a class="" href="#" data-filter=".category1">category1</a></li>
 <li><a class="" href="#" data-filter=".category2">category2</a></li>
 <li><a class="" href="#" data-filter=".category3">category3</a></li>
 <li><a class="" href="#" data-filter=".category4">category4</a></li>
 </ul>

每个类别都有这样的元素

<figure class="portfolio-item four columns entry category1 category2 -item"> 
<div class="img-item"> 
<a href="link.html" >
 <img src="images/image.jpg" alt="" />
<span class="zoomex">&nbsp;</span>
</a>
 </div>
 <figcaption>
<h4>
<a href="link.html">Name</a>
</h4>
</figcaption>
 </figure>

所以我想做下一个 - 让我们说你点击类别4.此类别中的所有项目都会显示，但我希望前三个项目上有明星（星形图像）。现在，假设您单击类别2，显示类别2中的项目，但此类别中的前三个项目上有明星

Answer 1

如果您的div是常量，请将class添加到同一组元素（即同一组中的项目），最初使用style="display:none"时，在选择类别时切换class到display:block，这样您就可以在div中显示不同类别中的不同项目。

我假设您首先获得所有元素，如果没有，并且您正在进行ajax调用，您可以动态地将类分配给搜索结果

单击时在多个元素上显示另一个div

1 个答案: