Jquery Javascript将if语句变成case语句不起作用

Question

我正在使用 Jquery。这个 if 语句有效：

if ($(this).siblings(".numOfMatchedKeywords").text() == 1) {
                    $(this).siblings(".numOfMatchedKeywords").css({'color':'#0099ff'})
               }

但是当我尝试将它变成 switch case 时，我无法让它工作：

var numWord = $(this).siblings(".numOfMatchedKeywords").text();
                switch (numWord){
                    case 1: 
                        numWord.css({'color':'#0099ff'})
                    break;
                    case 2: 
                        numWord.css({'color':'#33cc33'})
                    break;
                    case 3: 
                        numWord.css({'color':'#ff0099'})
                    break;
                }

我做错了什么？

Answer 1

使用 parseInt()

parseInt($(this).siblings(".numOfMatchedKeywords").text(), 10);

另外，numWord 是文本而不是 jQuery 对象。

var numWord = parseInt($(this).siblings(".numOfMatchedKeywords").text(), 10);
var $sib =$(this).siblings(".numOfMatchedKeywords");
switch (numWord) {
case 1:
    $sib.css({
        'color': '#0099ff'
    })
    break;
case 2:
    $sib.css({
        'color': '#33cc33'
    })
    break;
case 3:
    $sib.css({
        'color': '#ff0099'
    })
    break;
}

Answer 2

压缩版本：

var numWord = parseInt($(this).siblings(".numOfMatchedKeywords").text());
var colors = ['', '#0099ff', '#33cc33', '#ff0099'];
$(this).siblings(".numOfMatchedKeywords").css('color', colors[numWord]);

Answer 3

我猜测 if 语句对 .text() 和 1 执行一些自动转换，并使字符串和整数相等，而 switch 语句则执行相当于 === 的操作。
不能保证上述内容，但我建议尝试：
'case "1":instead ofcase 1:`

另外，您将 css 应用到 numWord ，您将其设置为等于元素的文本，而不是元素本身。