如何将href与div id进行比较

时间:2010-07-31 08:14:02

标签: jquery

我有一个检查查询字符串的页面,并在该页面上的链接中添加了一个活动页面, 但我需要做的是,该链接具有“.active”,然后显示与“活动”href具有相同ID的相应div,似乎无法确定如何匹配/比较来执行此操作。 / p>

仅在首次加载页面时才会发生这种情况。任何人都可以提供帮助。

    $(".container").hide();

if($("div").is(".display-sections")){
    if ($("a").is(".active")) {
        var activeContainer = $("div").is(".container")[0].attr("href").replace('#','');
        alert(activeContainer);
    $("#" + activeContainer).show();
    }
} 
<div id="help" class="display-sections">
         <ul class="subnav">
             <li><a href="#contact" class="trigger " id="link01">Contact</a></li>  
             <li><a href="#bingocalls" class="trigger active" id="link02">Bingo Calls</a></li>
             <li><a href="#bingolingo" class="trigger " id="link03">Bingo Lingo</a></li>
             <li><a href="#bingoglossary"  class="trigger " id="link04">Bingo Glossary</a></li>
         </ul>

           <div id="contact" class="container">
            <h2>Get in Contact</h2>
                 <div class="contentarea">
                    <div class="content_bg"></div>
                 </div>
            </div>

           <div id="bingocalls" class="container">
             <h2>Bingo Calls</h2>
             <div class="contentarea">
                <div class="content_bg"></div>
           </div>


             <div id="bingolingo" class="container">

             <h2>Bingo Lingo</h2>
             <div class="contentarea">
                <div class="content_bg"></div>
             </div>
             </div>


             <div id="bingoglossary" class="container">

             <h2>Bingo Glossary</h2>
             <div class="contentarea">
                <div class="content_bg"></div>
             </div>
             </div

1 个答案:

答案 0 :(得分:4)

也许这段代码可以帮到你:

$(document).ready(function()
{
   $(".container").hide();
   $($(".subnav .active").attr("href")).show();
});