Question

我是Jquery的新手。我有这个HTML代码请帮帮我。

<body>
<header class="wrapper"> 
        <ul class="language-switcher">
            <li class="en first active">
                <a href="/web/en" class="language-link active" lang="en">English</a>
            </li>
            <li class="fr">
                <a href="/web/fr" class="language-link" lang="fr">French</a>
            </li>    
        </ul>    
    </header>
    <section class="region">       
        <ul class="menu">
            <li class="menu__item is-leaf first leaf">
                 <a href="/web/en/service" class="menu__link active">Service</a>
            </li>
        </ul>    
  </section>
</body>

所以问题是如何编写Jquery来搜索此处

中标记中活动的类

<li class="menu__item is-leaf first leaf">
    <a href="/web/en/service" class=" active">Service</a>
</li>

如果链接处于有效状态，请将.untranslated添加到此

<li class="fr">
    <a href="/web/fr" class="language-link" lang="fr">French</a>
</li>

**来吧。如果你不能帮忙请不要将此标记下来，因为有像我这样的人在那里寻找答案。谢谢你的帮助

Answer 1

最基本的你可以这样做 -

$('.active').closest('li').addClass('untranslated');

Answer 2

你最好阅读css选择器。谷歌很容易找到这些

如果你想选择一个带有两个类的元素，你只需将它们连接起来，即

var someElement = $('.menu__link.active');

您需要更清楚地添加翻译类问题。我看不到元素之间的任何联系，你没有提到任何连接它们的事件或动作，所以很难建议一种方法

编辑：

如果您想要在法语的链接上切换班级，您可以切换用于触发更改的事件。我会在元素上添加一些东西，让你的生活更轻松，比如id或者法语

<li id="french" class="fr">
    <a href="/web/fr" class="language-link" lang="fr">French</a>
</li>


$('#french a').toggleClass('untranslated');

Jquery搜索活动类然后将类添加到特定标记

2 个答案: