Question

在我的网站的标题内，我有一个使用每个超链接项构建的主导航包含一个唯一的数据属性，我正在使用它来确定通过load（）显示哪些内容。

我的问题是，如何编写if else语句（假设这是最好的方法）来检查主导航中加载的内容。例如，加载的内容将包含一个包装的div，其ID与标题中单击的链接的数据属性的ID相匹配。我想要实现的是一个语句，如果它的data-attribute等于加载内容的ID，它将为主导航超链接提供唯一类。

<header id="header">
    <ul>
        <li><a href="external.html" data-section="intro">intro</a></li>
        <li><a href="external.html" data-section="interactive">interactive</a></li>
        <li><a href="external.html" data-section="portfolio">photography</a></li>
    </ul>
</header>

例如，如果单击第一个链接，则external.html文档中带有id =“intro”的div将加载到页面中。在这种情况下，html将显示一个带有data-section =“intro”的超链接，以及一个带有id =“intro”的div。

我想知道如何编写绑定（因为内容是通过.load（）加载的，我假设我需要绑定语句）if if语句在jquery中给出了包含数据的标题导航项-section值匹配div的id值一个唯一的类，即“active”

点击第一个链接时加载内容的示例

<section id="intro" class="clearfix">
    <div>
        <h1>Bigger Thinking</h1>
        <h2>It’s what I aim to do on every project, big or small, rich or poor</h2>
    </div>
</section>

Answer 1

试试这个：

var id = $('section').attr('id');
$('#header a').removeClass('unique')
$('#header a[data-section="'+ id +'"]').addClass('unique')

如何根据if else语句更改类

1 个答案: