jquery adding data to a div dynamically

Question

<div class="sample">
</div>

I would like to add data to the sample div on click. I am able to get the data to this function. verified with alert but it is not appending to the sample div.

$("#editsubmit").click(function(){

                  var val = $('[name=name111]').val();
                    var newHTML = '<input type="checkbox" name="'+val+'<br>';
                    $("#sample").append( newHTML );

           });

# is used for id but sample in your case is a class. So use dot(".sample") instead. — Roger
– Roger, Commented Apr 29, 2013 at 6:33

Suresh Atta · Accepted Answer · 2013-04-29 06:30:53Z

6

Class and id attributes mismatch.you have given as class and selecting as ID

 $(".sample").append( newHTML );

or change your div to

<div id="sample">  and then  $("#sample").append( newHTML );

answered Apr 29, 2013 at 6:30

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

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

Comments

user2289659 · Accepted Answer · 2013-04-29 06:31:55Z

2

sample is not id in your code its a class so change it to .sample instead of #sample.

answered Apr 29, 2013 at 6:31

user2289659

Comments

sbru · Accepted Answer · 2013-04-29 07:29:38Z

1

You used

 $("#sample").append( newHTML );

but you defined sample to be a class (not an id) so you should use

     $(".sample").append(newHTML);

To summarize, the "." is used for class and the "#" is used for id.

edited Apr 29, 2013 at 7:29

answered Apr 29, 2013 at 6:33

sbru

8876 gold badges21 silver badges36 bronze badges

Comments

Giovanni Giordano · Accepted Answer · 2014-10-19 19:16:19Z

0

$("#sample")

is used for id

$(".sample")

is used for class

answered Oct 19, 2014 at 19:16

Giovanni Giordano

371 silver badge9 bronze badges

Collectives™ on Stack Overflow

jquery adding data to a div dynamically

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related