2012-07-09 42 views
1

在我的网站的标题中,我有一个使用内置的主导航。每个超链接项目包含一个唯一的数据属性,我使用它来确定通过load()显示的内容。 。如何根据if else语句改变类

我的问题是,我怎么能写一个if else语句(假设这是最好的方法)来检查加载的内容与主导航。例如,加载的内容将包含一个封装的div,其ID与头中点击的链接的data-attribute的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 =“前奏”一个div被加载到页面中。在这种情况下,html会显示一个带有data-section =“intro”的超链接,也会显示带有id =“intro”的div。我想我可以写一个绑定(因为内容正在通过.load()加载我假设我需要绑定该语句)如果在jQuery中的其他语句,以使头部导航项有一个当点击第一个链接

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

回答

0

尝试此相匹配的div的值id独特的一类即“主动”的加载内容

实例数据段值:

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

这是伟大的,th非常感谢! – user1512126 2012-07-09 18:10:50

+0

@ user1512126不客气。 – undefined 2012-07-09 18:14:01