比較用JavaScript

Question

2個ASCII字符我有一個​​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

不是檢查實際的HTML相反，它可能是更安全的，獲得真正的性格和使用charCodeAt檢查它的ASCII（以及實際上是Unicode）的值。如上所述，您需要先修剪內容：

$('.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('▲'); 
});