Edit Question - KnowledgeHub

Title Body

I'm probably doing something wrong but I've tried all sorts of things and can't seem to get a collection of jQuery objects wrapped. The following just outputs the link HTML, unwrapped. Any ideas? $.each(sitemapSections, function(i) { var $sitemapSection = $(sitemapSections[i]); var $primary = $sitemapSection.find('a[data-level="1"]').wrap('<h3></h3>'); $dropdownSections[i].html($primary); }); EDIT - here's the markup (cleaned up): <li id="product-solutions"><a href="#link" class="alpha grid-6">Products &amp; Solutions</a> <div id="ps-dropdown" class="dropdown-menu grid-20"> <div class="ps-dropdown-section"> </div> <div class="ps-dropdown-section"> </div> <div class="ps-dropdown-section"> </div> </div> </li> UPDATE - I got it! The comments who mentioned parent() is what I was missing. Here's the final code: $.each(sitemapSections, function(i) { var $sitemapSection = $(sitemapSections[i]); var $primary = $sitemapSection.find('a[data-level="1"]').wrap('<h3></h3>').parent(); $dropdownSections[i].html($primary); });

Tags (comma-separated) Cancel