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> 
  • ¿Puedo eliminar manejadores de events en línea usando jQuery?
  • Transición de la image de background usando jQuery
  • Espere hasta que una Función con animaciones finalice hasta ejecutar otra Función
  • Eliminando $ () envoltorio jQuery para get solo elemento JS sin formatting
  • ¿Cómo hacer que el cuadro <select> se desborde del <div>?
  • Error de API de Google Plus gapi.loaded_0
  • jQuery ID cambiado no ejecutará la function
  • ¿Cuál es la forma más eficiente de orderar las Opciones de selección de HTML por valor, conservando el elemento seleccionado actualmente?
  • angularjs cómo encontrar la altura y el ancho del elemento img
  • Bootstrap Multiselect Button Width Issue
  • Elimine todos los espacios múltiples en Javascript y reemplácelo por espacio único
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.