Question

I do have a element and its content some where on the page :

<div style="padding-bottom:9px; font-size:13px;line-height:25px;">          
  Fine quality, full grain pebble leather 
  <br>
  <div style="line-height: normal; margin-bottom: 6px; ">
     Sophisticated black with detailed accent lining
  </div>
  Tailored satin ribbon release pull-strap
  <br>
  Slim back pocket for an ID card or money
  <br>
  Ultra slim design
  <br>
  Shock-absorbent construction
  <br>
  Additional screen padding
  <br>
  Light and rigid protective layer
  <br>
  Soft velvet lining with light protective layer
  <br>
  <div style="line-height: normal; margin-bottom: 6px; ">
     Thinner and more streamlined than the Eléga Pouch
  </div>
  Sena high-quality handmade craftsmanship<br>      
</div>

What I want to is convert the content above to below with jQuery (I tried different ways but after all I kinda lost)

<div style="padding-bottom:9px; font-size:13px;line-height:25px;">            
  <div style="line-height: normal; margin-bottom: 6px;">
      Fine quality, full grain pebble leather
  </div>
  <br/>
  <div style="line-height: normal; margin-bottom: 6px; ">
     Sophisticated black with detailed accent lining
  </div>
  <br/>
  <div style="line-height: normal; margin-bottom: 6px; ">
     Tailored satin ribbon release pull-strap
  </div>
  <br/>
  <div style="line-height: normal; margin-bottom: 6px; ">
     Slim back pocket for an ID card or money
  </div>
  <br/>
  <div style="line-height: normal; margin-bottom: 6px; ">
     Tailored satin ribbon release pull-strap
  </div>
  <br/>
   ...
   ...
   ...      
</div>

Can you help me a little bit.

Thanks.

Answer 1

Here is the solution I was looking for :

jQuery("div").filter(lineHeight).contents(nonElementNodes).wrap("<div style='margin-bottom:9px;line-height:normal;margin-top:4px'>");

jQuery("div").filter(lineHeight).find("br").remove();

function lineHeight() {
  return this.style.lineHeight == "25px";
}

function nonElementNodes() {
  return this.nodeType !== 1 || this.tagName !== 'BR';
}

Source