如何在jQuery中将代码分成不同的行？

Question

我希望声明一个jQuery变量，但它有几行。如何通过几行分隔代码？这就是我目前正在做的事情。

$("#elementid").html("<option value='1'>Some oranges</option>
<option value='2'>More Oranges</option>
<option value='3'>Even more oranges</option>");

Answer 1

使用字符串连接使用加运算符+

<强> Live Demo

$("#elementid").html("<option value='1'>Some oranges</option>" +
"<option value='2'>More Oranges</option>" +
"<option value='3'>Even more oranges</option>");

或在行尾使用\

<强> Live Demo

$("#elementid").html("<option value='1'>Some oranges</option> \
<option value='2'>More Oranges</option> \
<option value='3'>Even more oranges</option>");

Answer 2

你可以连接它：

$("#elementid").html("<option value='1'>Some oranges</option>" + 
    "<option value='2'>More Oranges</option>" + 
    "<option value='3'>Even more oranges</option>");

Answer 3

使用'+'符号：

$("#elementid").html("<option value='1'>Some oranges</option>"
    + "<option value='2'>More Oranges</option>"
    + "<option value='3'>Even more oranges</option>");

或使用不同的jQuery方法：

$("#elementid").append("<option value='1'>Some oranges</option>")
.append("<option value='2'>More Oranges</option>")
.append("<option value='3'>Even more oranges</option>");