我在 iframe 中有以下一组代码,其 ID 为 #nitseditpreview:
<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>
我想从 anchor 标记中删除 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);
}
}
我应该使用每个函数来获得所需的输出吗?
最佳答案
试试这个:
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..
关于jquery - 如何使用 jquery 从标签中删除 href 属性并在 iframe 中删除与其关联的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36905540/