Cómo search text sin la label html y envolverlo con un apéndice

Tengo el siguiente código HTML. Me gustaría encontrar y replace el text sin tags HTML y envolverlo dentro de un elemento p usando jQuery. ¿Hay alguna manera de alcanzar mi objective?

 <div class="col span_12_of_12 firstDiv"> <h2>My tasks</h2> Lorem ipsum dolor sit amet, consetetur sadipscing elitr <ul> <li>Lorem ipsum dolor sit</li> <li>Lorem ipsum dolor sit</li> <li>Lorem ipsum dolor sit</li> <li>Lorem ipsum dolor sit</li> </ul> Lorem ipsum dolor sit amet, consetetur sadipscing elitr </div> 

One Solution collect form web for “Cómo search text sin la label html y envolverlo con un apéndice”

Para lograr esto, necesita encontrar los textNodes secundarios y envolverlos en una label <p> . Para hacer eso puedes usar los contents() y filter() luego wrap() , así:

 $('.col').contents().filter(function() { return this.nodeType == 3 && this.textContent.trim(); }).wrap('<p />'); 
 p { border: 1px solid #C00; } /* only used to make the output obvious */ 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="col span_12_of_12 firstDiv"> <h2>My tasks</h2> Lorem ipsum dolor sit amet, consetetur sadipscing elitr <ul> <li>Lorem ipsum dolor sit</li> <li>Lorem ipsum dolor sit</li> <li>Lorem ipsum dolor sit</li> <li>Lorem ipsum dolor sit</li> </ul> Lorem ipsum dolor sit amet, consetetur sadipscing elitr </div> 
  • jQuery Aplique UL con LI con valor de la list desplegable onclick en el button
  • GetBoundingClientRect pero relativo a todo el documento
  • ¿Cómo construyo un range de HTML5 degradante?
  • jQuery.click no funciona después de agregar elemento al DOM
  • ¿Cómo se vincula el evento de desplazamiento en un Live ()?
  • jQuery val no está definido?
  • get el título de la página iframe desde javascript usando jquery
  • códigos de color en textarea usando jquery
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.