javascript - 单击时切换 div 中的字符

Question

我期望以下代码在单击 .articleTitle 时在向上和向下箭头之间切换 .articleArrow 的 html 内容:

jQuery

$(".articleTitle").click(function () {
    if ($(this).children('.articleArrow').html() == '↑')
        $(this).children('.articleArrow').html('↓');
    else if ($(this).children('.articleArrow').html() == '↓')
        $(this).children('.articleArrow').html('↑');
});

HTML

<div class='articleTitle'>
    Blah
    <div class='articleArrow'>
        &#8595;
    </div>
</div>

但它没有做任何事情。另一方面，如果我取出 if...else if 并用 $(this).children('.articleArrow').html('↑ ;'); 它有效。因此，如果没有正确触发并且我不明白为什么，那么设置 Angular 色就可以使用 if...else 。

You can view it live on my website here (不要兴奋，这不是真正的管理面板!)

Answer 1

如果我使用 unicode 字符来比较，对我有用:

$(".articleTitle").click(function () {
    if ($(this).children('.articleArrow').html() == '↓') $(this).children('.articleArrow').html('↑');
    else if ($(this).children('.articleArrow').html() == '↑') $(this).children('.articleArrow').html('↓');
});

<强> jsFiddle example