Question

如何在jquery中使用多行（如

）声明变量

原始变量：

var h = '<label>Hello World, Welcome to the hotel</label><input type="button" value="Visit Hotel"><input type="button" value="Exit">';

我要声明的变量：

var h = '<label>Hello World, Welcome to the hotel</label>
              <input type="button" value="Visit Hotel">
              <input type="button" value="Exit">';

Answer 1

您可以使用\表示该行尚未完成。

var h= '<label>Hello World, Welcome to the hotel</label> \
              <input type="button" value="Visit Hotel"> \
              <input type="button" value="Exit">';

注意：当您使用\时，以下行中的空格也将是字符串的一部分，就像这样

console.log(h);

<强>输出

<label>Hello World, Welcome to the hotel</label>               <input type="button" value="Visit Hotel">               <input type="button" value="Exit">

最好的方法是在评论部分使用Mr.Alien建议的那个，连接字符串，就像这样

var h = '<label>Hello World, Welcome to the hotel</label>' +
              '<input type="button" value="Visit Hotel">' +
              '<input type="button" value="Exit">';

console.log(h);

<强>输出

<label>Hello World, Welcome to the hotel</label><input type="button" value="Visit Hotel"><input type="button" value="Exit">

Answer 2

@thefourtheye答案是完美的，但如果你愿意，你也可以在这里使用连词，因为有时\会产生误导，因为你会认为这些是文字字符。

var h = '<label>Hello World, Welcome to the hotel</label>';
    h += '<input type="button" value="Visit Hotel"> '; 
    h += '<input type="button" value="Exit">';

console.log(h);

Demo

Answer 3

在ES6中，您只需将变量声明为：

const sampleString  = `Sample
                       text
                       here`;

这将得出'Sample \ntext\nhere' 您可以从here阅读有关多行字符串的ES6规则的所有信息。

在JavaScript / jQuery中声明一个包含多行的字符串var

3 个答案: