2016-04-28 5 views
0

Ich habe einen folgenden Satz von Codes in iframe mit der ID #nitseditpreview:Wie href Attribute von einem Tag zu entfernen und CSS entfernen, um es in iframe assoziiert jquery mit

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

I href Werte entfernen möchten von Anker-Tag und CSS auch damit verbunden, die in einem Stylesheet dh erwähnt wird:

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

ich jquery bin mit dieser Funktion auszuführen, so weit ich bin in der Lage das bekommen Element durch das:

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); 
} 
} 

Soll ich jede Funktion verwenden, um die gewünschte Ausgabe zu erhalten?

+0

Wollen Sie href von Anker-Tag entfernen? Wenn Sie die href entfernen, können Sie diesen Code verwenden: $ ("# nitsmenu li a"). RemoveAttr ("href"); aber der Stil funktioniert immer noch, Wenn Sie den Stil entfernen möchten, müssen Sie den Anker auf Span oder ein anderes Tag ändern. –

Antwort

4

Dieses Versuchen:

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' }); 
} 
} 

ich hinzugefügt, diese beiden Linien

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

die alle href und ändern CSS entfernen ..

+0

Ich bekomme einen Fehler von all_li nicht definiert –

+0

Jetzt überprüfen, ich habe es wieder geändert –

+0

Ich bekomme einen Fehler von li nicht definiert –

Verwandte Themen