Question

如何使这样的代码工作？

switch ( "test" ) {
  case "jana":
    ("Yes its Jana");
    break;
  case "marek":
    ("Its marek");
    break;

    break;
  default:
    ("<b>Something else</b>");
}

切换结果应附加在脚本下方的代码中。这里：

 $("body").append( "<p>Here is switch result:</p><b> RESULT </b>" );

我无法插入＆＃34; $（＆＃34; body＆＃34;）。追加（＆＃34; 追加＆＃34;）;＆＃34;进入switch case因为在我的项目中是那部分代码要长。它会使代码难以读取。

所以我的目标是：

1）在开关
2）显示案例结果结果

Codepen在这里http://codepen.io/anon/pen/bpXLXx?editors=0010

Answer 1

只需将字符串分配给变量，然后将该字符串附加到body：

var toAppend;

switch ( "test" ) {
  case "jana":
    toAppend = "Yes its Jana";
    break;
  case "marek":
    toAppend = "Its marek";
    break;
  default:
    toAppend = "<b>Something else</b>";
}

$("body").append( "<p>Here is switch result:</p><b>" + toAppend + "</b>" );

请参阅updated Code Pen。

Answer 2

尝试这样的事情：

function getPerson(name) {
    var result;
  switch (name) {
    case "jana":
      result = "Yes its Jana";
      break;
    case "marek":
      result = "Its marek";
      break;
    default:
      result = "<b>Something else</b>";
  }

  return result;
}

然后：

$("body").append( "<p>Here is switch result:</p><b> " +  getPerson("RESULT") + "</b>" );

function有助于您需要在其他地方重复使用。

JSFiddle ：https://jsfiddle.net/8y0zevn7/

如何将切换结果插入到html对象中

2 个答案: