用javascript比较2个ASCII字符

Question

我有一个div如下：

<div class="job-article-holder-click-for-more-link">
    &#x25B2;
 </div>

我的javascript如下：

$('.job-article-holder-click-for-more-link').on('click', function () {
    $(this).html() == "▲" ? $(this).html('▼') : $(this).html('▲');
});

检查每次都失败，怎么回事？它基本上是一个箭头，当我点击它时，我只是试图将它切换为显示和显示。

Answer 1

使用charCodeAt获取实际字符并使用{{3}}检查ascii（实际上是unicode）值可能更安全，而不是检查实际的HTML。如上所述，您需要先修改内容：

$('.job-article-holder-click-for-more-link').on('click', function () {
    $(this).text().trim().charCodeAt(0) == 9650 ?
        $(this).html('▼') : $(this).html('▲');
});

Answer 2

可能你有html返回的空格。尝试修剪html（）输出。

$('.job-article-holder-click-for-more-link').on('click', function () {
    $(this).html().trim() == "▲" ? $(this).html('▼') : $(this).html('▲');
});