jQuery switch-case 不起作用，语法问题？

Question

为什么这个开关盒不工作？我已经尝试了所有可能的语法，但它不起作用。或者在这种情况下 switch-case 是错误的方法吗？

jQuery('#main input').blur(function() {
    switch(jQuery(this).attr('name') {
        case 'email':
            jQuery(this).val('That's you e-Mail adress.');
            break;
        case 'nickname':
            jQuery(this).val('That's your nickname.');
            break;
    }
});

请注意：我在非冲突模式下使用 jQuery，这就是我使用 jQuery 而不是 $ 的原因。

Answer 1

这里有几个错误：

switch(jQuery(this).attr('name') {

缺少右括号。应该是：

switch(jQuery(this).attr('name')) {

您应该转义该字符串中的引号：

jQuery(this).val('That's you e-Mail adress.');

像这样：

jQuery(this).val('That\'s you e-Mail adress.');

Answer 2

在同一行中使用许多 ' 似乎会扰乱您的语法。更改如下，

jQuery('#main input').blur(function() {
    switch(jQuery(this).attr('name')) {  // <-- fix 1: added closing )
        case 'email':
            jQuery(this).val("That's you e-Mail adress."); // <-- fix 2: quotes 
        break;
        case 'nickname':
            jQuery(this).val("That's your nickname.");  // <-- fix 3: quotes 
            break;
    }
});

Answer 3

您有两种类型的错误：

1. 缺少 switch 参数周围的括号 )。
2. 您没有转义单词“that's”中的撇号（'）。

更正的代码：

jQuery('#main input').blur(function() {
    switch(jQuery(this).attr('name')) { // Added a )
        case 'email':
            jQuery(this).val('That\'s you e-Mail adress.'); // Escaped the '
            break;
        case 'nickname':
            jQuery(this).val('That\'s your nickname.'); // Escaped the '
            break;
    }
});

更新：

如果您不熟悉 JavaScript 中的转义字符串（例如上面的单词 That's ），看看这个 Stack Overflow 问题：Escaping Strings in JavaScript