如何在elements Pro小部件中激活第二个列表项?

Question

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

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

唉，这不起作用。我不确定是否有一种方法可以使此代码运行并覆盖任何其他jQuery?

任何帮助都将非常感激。

Answer 1

工作正常检查你的html。

$('.myClass li:nth-child(2)').addClass('newClass');

.newClass {
color: red;
}

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