如何與變量說：如果這個ID匹配這個類別不要這樣做

Question

換言之，我想說，如果身體Id不等於列表項的類執行以下函數，我試圖得到代碼正確，但似乎沒有任何工作。

我有4個頁面，每個都有一個ID，以使活動狀態工作在一個很好的css sprite中。最重要的是，我添加了常規和懸停jQuery不透明效果，但問題是，當我懸停活動狀態它也改變爲懸停，我希望活動精靈留在懸停時，anyhelp將不勝感激，Saludos。

HTML：

<ul id="nav"> 
    <li class="home"><a href="index.html" title="Home Page">Home</a></li> 
    <li class="portfolio"><a href="portfolio.html" title="Portfolio Page">Portfolio</a></li> 
    <li class="contact"><a href="contact.html" title="Contact Form Page">Contact</a></li> 
    <li class="about"><a href="about.html" title="About me Page">About me</a></li> 
    </ul> 

的Jquery：

$(document).ready(function(){ 

    // Get the ID of the body 
    var parentID = $("body").attr("id"); 

    // Loop through the nav list items 
     $("#nav li").each(function() { 

     // compare IDs of the body and class of list-items 
      var myClass = $(this).attr("class"); 

     // only perform the change on hover if the IDs don't match (so the active link doesn't change on hover) 
     if (myClass != "n-" + parentID) { 

    // Opacity effect between states 
    $('ul#nav li a').removeClass('hover'); 
    $("ul#nav li a").wrapInner("<span></span>"); 
    $("ul#nav li a span").css({"opacity" : 0}); 
    $("ul#nav li a").hover(function(){ 
     $(this).children("span").stop().animate({"opacity" : 1}, 500); 
    }, function(){ 
     $(this).children("span").stop().animate({"opacity" : 0}, 500); 
     }); 
     } 

    }); 

}); 

Answer 1

我不知道爲什麼你檢查<li>（胡）的類不是 '正parentId'。難道你不只是想把那些不是相同的作爲身體的ID？

限制<li>選擇器僅排除不希望類：

$(document).ready(function(){ 
    // Get the ID of the body 
    var parentId = $("body").attr("id"); 

    // Loop through the nav list items 
    $("#nav li[class!=" + parentId + "]").each(function(){ 
     // Opacity effect between states 
     $('ul#nav li a').removeClass('hover'); 
     $("ul#nav li a").wrapInner("<span></span>"); 
     $("ul#nav li a span").css({"opacity" : 0}); 
     $("ul#nav li a").hover(function(){ 
      $(this).children("span").stop().animate({"opacity" : 1}, 500); 
     }, function(){ 
      $(this).children("span").stop().animate({"opacity" : 0}, 500); 
     }); 
    }); 
});