parse html

by oterox

HTML

<table><tr><td class="articoliDX" valign="top">
 
<h3>informazioni</h3>
<p><strong>nome:</strong> La terra degli immortali<br /> <strong>destinazione:</strong> Scozia U.K.<br /> <strong>periodo:</strong> tutto l'anno<br /> <strong>durata ideale:</strong> 8 giorni - 7 notti<br /> <strong>partenze:</strong> giornaliere<br /> <strong>prezzo:</strong> da 800 € p.p.</p>
<p> </p>   
    
<h3>moods</h3>
<p>Passionale, Culturale,Familiare,<br />Travolgente, Fiabesco, Romantico<br />Naturalistico, Storico</p>
<p> </p>
    

    
<h3>mappa</h3>
<p> </p>
<p style="text-align: center;"><img src="images/stories/scozia2.png" border="0" width="235" height="167" /></p>
<p> </p>
    
<h3 style="text-align: right;">link utili</h3>
<p style="text-align: right;" class=".a"><span style="color: #808080;"><a href="http://www.list.co.uk/" target="_blank"><span style="color: #c0c0c0;">Concerti ed eventi nel Regno Unito</span></a><br /></span></p>
<p style="text-align: right;"><span style="color: #808080;"><a href="http://www.eif.co.uk/italian" target="_blank"><span style="color: #c0c0c0;">Festival internazionale di Edimburgo</span></a><br /></span></p>
<p style="text-align: right;"><span style="color: #808080;"><a href="http://www.discovering-distilleries.com/oban/" target="_blank"><span style="color: #c0c0c0;">Oban distillery</span></a></span></p>
<p style="text-align: right;"><span style="color: #808080;"><a href="http://www.nationalgalleries.org/" target="_blank"><span style="color: #c0c0c0;">National Gallery of Scotland</span></a></span></p>
</td></tr></table>

JavaScript

var strMoods;
 var strInformazioni;
 var strMappa;
 var strLinkUtility;
 
 //every h3 will be a db field
 $(".articoliDX h3").each(function(){
     
     //$(this).siblings().find("p")
     $(this).next("p").css("color", "brown") ;
     switch ($(this).text()) {
         case 'moods':
             strMoods = $(this).next("p").html();
              alert(strMoods);          
             break;
         case 'informazioni':
             //i only need to remove the <p> tags
             strInformazioni= '';
             break;
         case 'mappa':
             //i only want the img tag
             strMappa= '';
             break;
         case 'link utili':
             //i only need the <a> tag but without the span inside ex: <a href="">link</a>
             $(this).next("p.a").siblings().css("color", "green") ;
             
             strLinkUtility= '';
             $(this).siblings("p").each(function(){
                 alert('r');
             });
             break;
       }
 
 });