如何從標籤中刪除的href屬性和使用jquery

Question

刪除IFRAME有關它的CSS我有下面的一組中的iframe代碼與#nitseditpreview的ID：

<div class="collapse navbar-collapse"> 
    <ul class="nav navbar-nav navbar-right" id="nitsmenu" data-nitspagelabel="1"> 
     <li class="scroll active"><a href="#navigation">Home</a></li> 
     <li class="scroll"><a href="#aboutus">About Us</a></li> 
     <li class="scroll"><a href="#services">Services</a></li> 
     <li class="scroll"><a href="#ourteam">Our Team</a></li> 
     <li class="scroll"><a href="#portfolio">Portfolio</a></li> 
     <li class="scroll"><a href="#clients">Clients</a></li> 
     <li class="scroll"><a href="#blog">Blog</a></li> 
     <li class="scroll"><a href="#contact">Contact</a></li> 
    </ul> 
</div> 

我想刪除的href值從與它相關聯的錨標記，也CSS這是在樣式表即提到：

CSS：

#navigation .navbar-inverse .navbar-nav .active a, 
#navigation .navbar-inverse .navbar-nav .active a:focus, 
#navigation .navbar-nav.navbar-right li a:hover { 
    color: #fff; 
    background-color: #fc7700; 
} 

我使用jQuery執行此功能，到目前爲止，我能夠得到元素通過這樣的：

JQuery的：

$(document).ready(function() { 
$('#nitseditpreview').load(function() { //The function below executes once the iframe has finished loading 
    var menu = $(this).contents().find('#nitsmenu'); 
    $(this).contents().find('#nitsmenu' > li); 
} 
} 

我應該使用每個功能以獲得所需的輸出？

Answer 1

試試這個：

var all_li; 
$(document).ready(function() { 
$('#nitseditpreview').load(function() { //The function below executes once the iframe has finished loading 
    var menu = $(this).contents().find('#nitsmenu'); 
    all_li = $(this).contents().find('#nitsmenu' > li); 

    jQuery(all_li).find("a").removeAttr("href"); 
    jQuery(all_li).find("a").css({'color':'#000','background-color':'none' }); 
} 
} 

我將這兩行

jQuery(all_li).find("a").removeAttr("href"); 
jQuery(all_li).find("a").css({'color':'#000','background-color':'none' }); 

其刪除所有href和改變CSS ..