jQuery 如何让 Javascript 继续换行？

Question

这是我一直挥之不去的问题，虽然它可能看起来像个菜鸟——但这没关系，因为我是菜鸟。

如何在 jQuery 选择器中继续换行？我知道 javascript 新行只是

(\) 单反斜杠

例如

var someString = 'abc\
defghi';
alert(someString);

Yet using jQuery - 当我列出长选择器时这不起作用？即

$('#id, .class, .class1, .class2, .class3, .class4, .class5, \
   .class6, .class7').click(function() {
      //some stuff
});

任何人都可以阐明如何解决这个问题吗？

Answer 1

$('#id, .class, .class1, .class2, .class3, .class4, .class5, ' + 
  '.class6, .class7').click(function() {
      //some stuff
});

http://jsfiddle.net/X6QjK/

Answer 2

$() 之间只是一个字符串。话虽如此，你如何将一根绳子分成两部分？

$('big selection text' +
  'more selection' + 
  'more selection still')

或者，您可以在初始选择后添加到您的收藏中：

$('big selection text')
    .add('more selection')
    .add('more selection still')

Answer 3

今天，另一个选择是使用模板文字 https://developer.mozilla .org/en-US/docs/Web/JavaScript/Reference/Template_literals

$(`#id, 
   .class, 
   .class1, 
   .class2, 
   .class3, 
   .class4, 
   .class5,
   .class6, 
   .class7`).click(function() {
  //some stuff
});

Answer 4

jQuery 是 JavaScript。不要被愚弄，认为存在差异。您的代码是否可以在一行上处理所有内容？

我猜你的选择器实际上并没有选择任何元素（调用选择器时 DOM 元素可能不存在）。

Answer 5

在 JavaScript 中，字符串不能跨越多行，因此要对多行字符串进行编码，您可以执行以下操作：

var s = "This is a\n" +
        "multiline\n" +
        "string.\n";

请注意，仅当您确实希望在字符串中包含换行符时才需要换行符 (\n)。你的例子看起来像这样：

$('#id, .class, .class1, .class2, .class3, .class4, .class5, ' +
  '.class6, .class7').click(function() {
    //some stuff
});

Answer 6

您可以关闭字符串并使用 + 运算符添加字符串。

$('#id, .class, .class1, .class2, .class3, .class4, .class5,' +
   '.class6, .class7').click(function() {
      //some stuff
});

这应该有效。

Answer 7

我怀疑这对你不起作用的原因是，当你像这样在多行中输入字符串时，它显然包含一个新行字符。可能 jQuery 不喜欢这个换行符出现在它的选择器字符串中。

我的建议是通过将您想要应用的每个元素提供给单个共享类来简化事情，这将不需要像这样的过长的选择器字符串。

但如果您不能这样做，那么您可以通过将字符串分成单独的部分并使用 + 连接它们来解决问题，而不是在一行上继续字符串。