jquery - 如何使用 jquery 从标签中删除 href 属性并在 iframe 中删除与其关联的 css

Question

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

我应该使用每个函数来获得所需的输出吗？

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