javascript - 根据值更改颜色

Question

我不知道为什么这不起作用。有人可以告诉我这有什么问题吗？

var x = $('#clicked_info').val();

if(x == 1) {

    $('#companyname_ph').css({'color':'yellow'});

}

else if(x == 2) {

    $('#companyname_ph').css({'color':'red'});

}

Answer 1

您需要使用parseInt将字符串转换为整数。

var x = $('#clicked_info').val();

if(parseInt(x) == 1){

   $('#companyname_ph').css({'color':'yellow'});

} else if(parseInt(x) == 2){

    $('#companyname_ph').css({'color':'red'});

}

或使用字符串比较

if(x == '1'){

Answer 2

val返回一个string

x == 1应该是x == '1'

x == 2应该x == '2'

或者您可以x使用以下命令转换为 int。

var x = $('#clicked_info').val();
x = parseInt(x);

Answer 3

就像这里的其他人所指出的那样，parseInt当您想要将整数的字符串表示形式转换为数字类型时，您应该使用。我要补充一点，你应该提供一个基数，parseInt因为如果你不这样做，如果你的字符串意外地以“0x”开头，你可能会得到意想不到的结果:)

尝试做：

var x = parseInt($('#clicked_info').val(), 10)