javascript - 从 jquery 中的所有后代中删除样式属性

Question

我是 javascript/jquery 的新手，但到目前为止一切顺利(尽管你不想看到我的代码)，但我在尝试从一些 HTML 中删除样式标签时遇到了困难我正在尝试克隆。

克隆的原因是我被迫使用的 CMS(我无法访问后面的代码，只能在顶部添加代码)自动构建顶部导航，我想添加一个用户滚动后复制粘性导航，但也向滚动版本添加几个元素。

顶部导航的原始 HTML 看起来有点像:

<nav id="mainNavigation" style="white-space: normal; display: block;">
    <div class="index">
        <a href="/participate/">Participate</a>
    </div>

    <div class="index" style="margin-right: 80px;">
        <a href="/news/">News</a>
    </div>

    <div class="index active" style="margin-left: 80px;">
        <a class="active" href="/about/">About</a>
    </div>

    <div class="external">
        <a href="/collection/">Collection</a>
    </div>

    <div class="index">
        <a href="/contact/">Contact</a>
    </div>
</nav>

我在以下方面取得了轻微的成功(除了我想删除的那些样式标签)，尽管它对我来说似乎没有意义，因为我预计某些元素会重复(整个

…

标签应该在#mainNavigation 克隆中，不是吗？):

var originalNavItems = $('#mainNavigation').clone().html();
$("#site").prepend('
    <div id="ScrollNavWrapper">
        <div class="nav-wrapper show-on-scroll" id="mainNavWrapper">
            <nav id="newScrolledNav" style="white-space: normal; display: block;">
                <div class="index home">
                    <a href="/">Home</a>
                </div>
                ' + originalNavItems + '
                <div class="newItem">
                    <a href="http://www.externalsite.com">
                        View on External Site
                    </a>
                </div>
            </nav>
        </div>
    </div>');

我尝试使用此处相关问题的一些答案，但我总是得到不正确的结果。你能帮帮我吗？

Answer 1

您可以像这样去除样式元素:

var el = $('#mainNavigation'); // or whatever
el.find('[style]').removeAttr('style');