Add div inside li using jquery

Question

I have a list <li id="somelist"> </li>

I want to put a div inside it like this <div>SomeDiv</div>

The final output should be <li id="somelist"><div>SomeDiv</div></li>

How do I do this using jquery?

$('#someList').html('<div>SomeDiv</div>'); This is basic jquery you could learn from their site. — Quotidian
– Quotidian, Commented Jun 1, 2016 at 15:43

Miguel · Accepted Answer · 2016-06-01 15:07:01Z

3

You can append <div>SomeDiv</div> to the li element:

$('li#somelist').append('<div>SomeDiv</div>');

answered Jun 1, 2016 at 15:07

Miguel

1,9076 gold badges21 silver badges31 bronze badges

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

3 Comments

I thought append would grow the list. Would it insert inside the li element?

Yap, it will :) do what you want, inside the <li>

@BhagyashreeJog You're confusing append with after.