Javascript 添加多个var';s

Javascript 添加多个var';s,javascript,jquery,Javascript,Jquery,我有一个基于url中的字符串生成文本的代码 if (keys[1].match(/q1=Other/)) { $("#linkdiv1").append(nextLink1); } 当我有两个var时,代码似乎正常工作,文本弹出正确的url字符串。这就是它的作用: 带字符串: 不带字符串: 当我有两个以上的变量时,代码似乎不再起作用了。为什么呢?代码如下: 带字符串: 不带字符串: 为什么代码不能使用两个以上的变量运行?我如何解决这个问题?如果您按下了JSFIDLE中的“tidyUp”

我有一个基于url中的字符串生成文本的代码

if (keys[1].match(/q1=Other/))
{
    $("#linkdiv1").append(nextLink1);
}
当我有两个var时,代码似乎正常工作,文本弹出正确的url字符串。这就是它的作用:

带字符串: 不带字符串:

当我有两个以上的变量时,代码似乎不再起作用了。为什么呢?代码如下:

带字符串: 不带字符串:

为什么代码不能使用两个以上的变量运行?我如何解决这个问题?

如果您按下了JSFIDLE中的“tidyUp”按钮,您就会看到您的
,否则
嵌套会被附加的右括号和方括号弄乱

应改为:

$(function () {
    var url = "http://google.com/";
    var nextLink1 = "<p>State the model of your device below</p>";
    var nextLink2 = "<p>State the name of your device below</p>";
    var nextLink3 = "<p>State your devices series below</p>";
    var nextLink4 = "<p>State your devices carrier below</p>";
    var nextLink5 = "<p>State your devices capacity below</p>";

    var keys = window.location.href.split('?'); // retrieve current hash value (fragment identifier)
    if (keys[1].match(/q1=Other/)) {
        $("#linkdiv1").append(nextLink1);
    } else if (keys[1].match(/q2=Other/)) {
        $("#linkdiv2").append(nextLink2);
    } else if (keys[1].match(/q3=Other/)) {
        $("#linkdiv3").append(nextLink3);
    } else if (keys[1].match(/q4=Other/)) {
        $("#linkdiv4").append(nextLink4);
    } else if (keys[1].match(/q5=Other/)) {
        $("#linkdiv5").append(nextLink5);
    }
});
$(函数(){
变量url=”http://google.com/";
var nextLink1=“在下方说明设备的型号”

”; var nextLink2=“在下方说明您的设备名称”

”; var nextLink3=“在下面陈述您的设备系列”

”; var nextLink4=“在下方说明您的设备运营商”

”; var nextLink5=“说明您的设备容量低于”; var keys=window.location.href.split(“?”);//检索当前哈希值(片段标识符) if(键[1]。匹配(/q1=Other/){ $(“#linkdiv1”).append(nextLink1); }else if(键[1]。匹配(/q2=Other/){ $(“#linkdiv2”).append(nextLink2); }else if(键[1]。匹配(/q3=Other/){ $(“#linkdiv3”).append(nextLink3); }else if(键[1]。匹配(/q4=Other/){ $(“#linkdiv4”).append(nextLink4); }else if(键[1]。匹配(/q5=Other/){ $(“#linkdiv5”).append(nextLink5); } });
JSFiddle: P>个人,当你开始重复硬连线代码时,你应该考虑数据驱动它。e、 g.使用
数据-
属性保存其他数据