Find text in element that is NOT wrapped in html tags and wrap it with

Question

  
Lorem Ipsum
  TEXT THAT NEEDS TO BE WRAPPED
  

    
List Item 1
  
         


        
      

Answer 1

Use contents() and filter() to get text node

$('.menu-content')
  .contents() // get all child node including text and comment 
  .filter(function() { // filter the text node which is not empty
    return this.nodeType === 3 && $.trim(this.textContent).length
  }).wrap('
'); // wrap filtered element with p

  
Lorem Ipsum
  TEXT THAT NEEDS TO BE WRAPPED
  

    
List Item 1