首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在Elementor Pro小工具中激活第二个列表项?

如何在Elementor Pro小工具中激活第二个列表项?
EN

Stack Overflow用户
提问于 2021-10-07 16:18:53
回答 1查看 49关注 0票数 0

我使用的是elementor pro的portfolio小部件。作为标准,过滤器栏自带了一个过滤器,可以显示下面的所有卡片,现在我已经设法通过使用display none从前端删除了这个li。然而,该网站仍然展示了所有的卡片。我的想法是使用此代码来激活第二个列表项:

jQuery('.elementor-portfolio__filters li:nth-child(2)').addClass('elementor-active');

遗憾的是,这并没有奏效。我不确定是否有办法让这段代码运行并覆盖任何其他jQuery?

任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-07 16:28:41

它工作得很好,请检查您的html。

代码语言:javascript
复制
$('.myClass li:nth-child(2)').addClass('newClass');
代码语言:javascript
复制
.newClass {
  color: red;
}
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='myClass'>
  <ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ol>
</div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69484593

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档