Javascript类更改单击

我是个彻头彻尾的疯子，需要一点帮助。 我使用的是Bootstrap3.1.1

<a class="" data-toggle="collapse" data-parent=".event-list-links" href="#collapse-<?php the_ID(); ?>">
 <i class="icon-chevron-sign-down"></i>
 </a>

现在单击链接时，

.icon chevron sign down

应更改为

。icon chevron sign up

如何操作

提前谢谢

再试试：

<i class="icon-chevron-sign-down" onclick="changeClass(this)"></i>

回到第一次尝试：

<i class="icon-chevron-sign-down" onclick="(function (e) { e.className = 'icon-chevron-sign-up'; })(this)">halo</i>

---

使用jQuery可以非常轻松地完成这项工作。您需要将类添加到标记中，以便可以选择它：

<a class="toggle-link" data-toggle="collapse" data-parent=".event-list-links" href="#collapse-<?php the_ID(); ?>">
    <i class="icon-chevron-sign-down"></i>
</a>

我要注意的是，如果您再次单击，它将不会切换回

图标雪佛龙登录。那代码有点复杂。让我知道你是否在寻找这个答案，我会更新这个答案。
使用setattribute

Var elem = document.getElementsByTagName('a');
Firstelem=elem[0];
Firstelem.setAttribute("class","your clAss here");

只需在
script
tag中替换您的类（IE8+）（在关闭
body
tag之前放置它）：

-注销
不是一个类别，我一直在避免反复键入“图标V形注销”。如果有问题，我会更新我的答案。你错过了selectors.Oops中的主要细节。需要更多的睡眠。UpdateEdit应该双向切换，因为它是一个正在折叠的容器。您的第二个解决方案成功了。但现在我也需要相反的行为。当我的容器再次折叠时，它会切换回原来的状态……你是说当你再次单击它时，它会返回到
图标chevron sign down
？它为我的答案添加了一个编辑。嗨，phylax，我试过了，但还是没有得到：）-当我在pagefooter中与您编辑的脚本一起使用时，什么都没有发生。唯一有效的是你的中间路线。什么是适合你的html函数？我创建了一个plunker来演示它：1。到目前为止，它是有效的。2.以一种奇怪的行为。对于第一次点击，一切正常。然后，它在单击时跳过，并继续，导致函数在单击后执行相反的操作。也许你可以自己在[链接]上看看，这是关于日历下方的上/下标志。谢谢
<a class="toggle-link" data-toggle="collapse" data-parent=".event-list-links" href="#collapse-<?php the_ID(); ?>">
    <i class="icon-chevron-sign-down"></i>
</a>

$'.toggle-link').click(function() {
    $(this).find('.icon-chevron-sign-down').
        removeClass('icon-chevron-sign-down').
        addClass('icon-chevron-sign-up');
    return false;
});

Var elem = document.getElementsByTagName('a');
Firstelem=elem[0];
Firstelem.setAttribute("class","your clAss here");

document.onload(function() {
    var element = document.querySelectorAll('i.icon-chevron-sign-down');
    element.onclick(function(e) {
        element.className.replace('icon-chevron-sign-down'
                                , 'icon-chevron-sign-up');
    });

});