在jquery中追加div类

Question

我有这段代码：

function Filter($container, params, markers) {
  var $label;
  this.markers = markers;
  this.values = {};
  this.key = params.key;
  $label = $('<label />').text(params.label);
  this.$element = $('<select class="form-control input-lg"/>');
  this.$element.append($('<option />').attr('value', 'all').text('All'));
  $container.append($label, this.$element);
}

基本上，这会呈现。

<label>Category</label>
 <select class="form-control input-lg">
  <option value="all">All</option>
  <option value="Pizza">Pizza</option>
  <option value="Mexican">Mexican</option>
 </select>

但是我想用它来包装上面的内容。

<div class="form-group col-xs-4">
 -- and --
</div>

任何建议，我已经尝试了几乎所有变种都没有成功。

Answer 1

使用jQuery Wrap来包装一个元素，但在你的情况下，我会这样做：

var formgroup = $("<div class='form-group col-xs-4'/>");
formgroup.append($label, this.$element);
$container.append(formgroup);