Удалить теги из родительского, но не из дочернего

Question

Я хочу удалить <br> теги и   теги из <div>, но не из дочернего span код класса

Вот мой дом выглядит как

<code><div>
 some &nbsp; text
 <br>
 some &nbsp;text
 <br>
 some &nbsp; text

 <span class='code'>//Code
  <pre>
   <p>
    &nbsp;text here 
    <br>
    &nbsp;text here 
    <br>
    &nbsp;text here 
    <br>
   </p>
  

Как это сделать с помощью jquery или javascript

Answer 1

Вы можете сделать так:

var divhtml = $('.code').parent().html().replace(/<br>/g,'').replace(/&nbsp;/g,'');
$('.code').parent().html(divhtml);

Answer 2

// Get the code span
var codeSpan = document.querySelector("span.code");

// Remove the codeSpan from the DOM
codeSpan.remove();

// Get the div
var div = document.querySelector("div");
var html = div.innerHTML;

// Remove all the <br> and &nbsp; from the div
div.innerHTML = html.replace(/<br>/g,'').replace(/&nbsp;/g,'');

// ---- Alternate approach
// Clear out all the content from the div
// div.innerHTML = "";

// Add the codeSpan back into the div
div.appendChild(codeSpan);

 some   text
 

 some  text
 

 some   text

 //Code
  
   
     text here 
    

     text here 
    

     text here