Creating HTML element with multiple classes with jQuery

Question

So, as you can see in the code below I want to create an HTML element, actually a div with class but since I need to create a div like this: <div class="btn btn-danger">Close</div>, this is not working for me. Here is the code:

close: function () {
                var $this = $(this);

                $('<div class=btn>Close</div>')
                    .appendTo('p')
                    .on('click', function () {
                        $this.slideUp();
                    });
            }

Thanks for your answers!

$('<div class="btn">Close</div>') -> the html attributes must be used between quotes — HellBaby
– HellBaby, Commented Aug 30, 2014 at 20:02
possible duplicate of JQuery Adding multiple classes to a div tag — nalply
– nalply, Commented Aug 30, 2014 at 20:36

rollingBalls · Accepted Answer · 2014-08-30 20:02:57Z

3

That 's the correct line:

$('<div class="btn btn-danger">Close</div>')

answered Aug 30, 2014 at 20:02

rollingBalls

1,8882 gold badges14 silver badges27 bronze badges

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

Comments

kodvin · Accepted Answer · 2014-08-30 20:29:19Z

1

another way to do this :

$(this).append($('<div />').attr({
        'id': idVariable,
        'class': classVariable
    }));

but now this snippet is reusable, you can put an id and any classes you want.

answered Aug 30, 2014 at 20:29

kodvin

1,2769 silver badges14 bronze badges

Collectives™ on Stack Overflow

Creating HTML element with multiple classes with jQuery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related