Quiero obtener las etiquetas de texto e imagen de un div, pero necesito ignorar todas las demás etiquetas HTML. Así que escribí una expresión regular para obtener datos de > < estas etiquetas. Pero también elimina las etiquetas de imagen de mi div ihtml. ¿Cómo resuelvo este problema?

lo he intentado hasta ahora,

html:

 <div id="div-parent"> <p> hello world <img src="" alt="image"/> here we go </p> <ul> <li>test 1 <img src="" alt="image1"/> list 1</li> <li>test 2 <img src="" alt="image2"/> list 2</li> <li>test 3 <img src="" alt="image3"/> list 3</li> <li>test 4 <img src="" alt="image4"/> list 4</li> <li>test 5 <img src="" alt="image5"/> list 5</li> </ul> </div>

JQuery:

 $(document).ready(function(){ var div = document.getElementById('div-parent') console.log($(div).html().match(/(^[^<]+<)|(>([^<]+)<)|(>[^<]+$)/g)) //write a loop which iterates the text with image });

Obtuve la salida algo como esto:

¿Me he perdido algo? ¿Hay alguna forma de resolver esto?