Guest User

Untitled

a guest
Aug 21st, 2018
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.06 KB | None | 0 0
  1. jQuery Created Nested List Based on Attribute
  2. <ul>
  3. <li id="10">Parent Item 1</li>
  4. <li id="14">Parent Item 2</li>
  5. </ul>
  6. <ul>
  7. <li class="10">Child 1</li>
  8. <li class="10">Child 2</li>
  9. <li class="14">Child X</li>
  10. </ul>
  11.  
  12. <ul class="parents">
  13. <li id="10">Parent Item 1</li>
  14. <li id="14">Parent Item 2</li>
  15. </ul>
  16. <ul class="children">
  17. <li class="10">Child 1</li>
  18. <li class="10">Child 2</li>
  19. <li class="14">Child X</li>
  20. </ul>
  21.  
  22. $(document).ready(function(){
  23. $('ul.children li').each(function(){
  24. probable_parent = $('ul.parents li#' + $(this).attr('class'));
  25. if (probable_parent.length)
  26. {
  27. if (!probable_parent.find('ul').length) probable_parent.append('<ul/>');
  28. $(this).detach().appendTo(probable_parent.find('ul'));
  29. }
  30. });
  31. });
  32.  
  33. <ul class="parents">
  34. <li data-itemid="10">Parent Item 1</li>
  35. <li data-itemid="14">Parent Item 2</li>
  36. </ul>
  37. <ul class="children">
  38. <li data-itemid="10">Child 1</li>
  39. <li data-itemid="10">Child 2</li>
  40. <li data-itemid="14">Child X</li>
  41. </ul>
Add Comment
Please, Sign In to add comment