将功能标签的名称添加为HTML的类？

Question

我使用函数标签传递一个用作其他函数条件的状态。

这是有效的：

size: function() {
  if ($(window).width() > 1200) {
    this.label = "large";
  }
  else {
    this.label = "small";
  }
},
layout: function() {
  if (this.label == "large") {
    $('body').removeClass('size-small').addClass('size-large');
  }
  else if (this.label == "small") {
    $('body').removeClass('size-large').addClass('size-small');
  }
},

我想将实际标签文本用作类名的一部分。我可以使用这样的东西吗？代码不工作，但它只是一个语法问题？

size: function() {
  if ($(window).width() > 1200) {
    this.label = "large";
  }
  else {
    this.label = "small";
  }
},
layout: function() {
  if (this.label == "large") {
    $('body').removeClass('size-small').addClass('size-' this.label);
  }
  else if (this.label == "small") {
    $('body').removeClass('size-large').addClass('size-' this.label);
  }
},

Answer 1

这是一个语法问题。变化

addClass('size-' this.label);

到

addClass('size-' + this.label);