JQuery create a list based on another list

Question

what I am trying to do is generate an html list based from another list on the page. I have a list along the lines of below:

<ul>
  <li class="chosen">content</li>
  <li class="something">content</li>
  <li class="something">content</li>
  <li class="something">content</li>
  <li class="something">content</li>
  <li class="chosen">content</li>
  <li class="chosen">content</li>
</ul>

Whats the best plan of action to create a jquery function which will find the list items with the class of "chosen" and create another list with just these.

Any help would be great. Thank you.

Are you looking to clone your list, or just add an empty list under the chosen class list items? — j08691
– j08691, Commented Jan 29, 2012 at 22:13

ShankarSangoli · Accepted Answer · 2012-01-29 22:09:03Z

1

Select all the li elements with class chosen, clone and append into a new ul and finally append the ul to a container whereever you want or page body element.

$('<ul />').append($('ul li.chosen').clone()).appendTo(document.body);

Demo

answered Jan 29, 2012 at 22:09

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

4 Comments

Etienne Perot Over a year ago

Probably mean <ul/> there, not <u/>. I would edit this but it won't let me because the character difference is less than 6.

user969729 Over a year ago

Great thanks a lot! just what I wanted. Ill accept once it allows me.

user969729 Over a year ago

Sorry would this be the same with cloning a table with all the table rows with the class "chosen" as well?

ShankarSangoli Over a year ago

Yes, you can use it on table too.

Collectives™ on Stack Overflow

JQuery create a list based on another list

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related