Skip to main content
Home / Code Snippets / jQuery Code Snippets / Move Clicked List Items To Top Of List

Move Clicked List Items To Top Of List

Assuming HTML like this:

<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>

So if "Two" is clicked, move it to the top of the list.

$("li").click(function() {
     
  $(this).parent().prepend($(this));
  
});

Will work for multiple lists...

icon-link icon-logo-star icon-search icon-star