append div class within jquery

Question

I have this code:

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);
}

Essentially, this renders.

<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>

But I want it to wrap the above with.

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

ANy suggestions please, I have tried almost all variants with no success.

Have you tried using .wrap('<div>') on that element?

Comfortably Numb
– Comfortably Numb

2013-11-22 22:55:45 +00:00
Commented Nov 22, 2013 at 22:55 — Comfortably Numb
– Comfortably Numb, Commented Nov 22, 2013 at 22:55

Phortuin · Accepted Answer · 2013-11-22 23:10:04Z

1

Use jQuery Wrap to wrap an element, but in your case I'd go for this:

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

edited Nov 22, 2013 at 23:10

answered Nov 22, 2013 at 22:55

Phortuin

7704 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Phortuin Over a year ago

check my edit, probably just append the form-group with label & select, and append form-group to container

Collectives™ on Stack Overflow

append div class within jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related