Seskupení nadpisu a k němu patřícího obsahu do JSON – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Vcelku zapeklitý problém. Představte si následující strukturu dokumentu: 

<h2>Hlavní nadpis</h2>
<p>Text patřící k hlavnímu nadpisu</p>

<h3>Podnadpis1</h3>
<p>Text patřící k podnadpisu</p>

<h4>Menší podnadpis</h4>
<p>Text patřící k menšímu nadpisu</p>

Potřebuji z této struktury získat následující objekt:

{
  "jmeno":"hlavni nadpis",
  "text":"Text patřící k hlavnímu nadpisu",
  "data": [{
            "jmeno":"podnadpis",
            "text":"Text patřící k podnadpisu",
            "data": [{
                       "jmeno":"menší podnadpis",
                       "text":"Text patřící k podnadpisu"
                    }]
          }]
}

Jde o to, že struktura nebude vždycky vypadat takhle jednoduše. Bude tam hodně H3, hodně H4 a obsah bude tvořit více paragrafů. Nemůžu přijít na selektor, kterým docílit následujícího "roztřídění". Data potřebuji ve formátu JSON a přesně v této podobě. O automatickou serializaci se mi stará jQuery na straně serveru. Velmi bych uvítal jakoukoliv pomoc

Začnu si pomalu odpovídat sám. Klíčem bude pravděpodobně metoda .nextUntil(), která vybere všechny elementy dokud nenarazí na specifikovaný element. S tán by se nějak dalo pracovat. Ještě upřesňuju, že mi nedělá problém vytvořit objekt, ale nějakým způsobem seskupit nadpisy a texty k sobě. Každý H2 bude samostatný objekt, který bude obsahovat vše co je uvnitř.

#2 Froggy

Docela by me zajimalo vyuziti.

Netestoval sem to dukladne mouchy si vychytej.

$(document).ready(function() {
	var level=base=2; // od H2
	var opens = new Array(0,false,false,false,false,false);
	var JSONstring ="[{";
	$(":header, p").each(function(index) {
		 if($(this)[0].tagName.toLowerCase()=='p')
			JSONstring += '"text":"'+$(this).text()+'"';
		else{
			lvl=$(this)[0].tagName.toLowerCase().substring(1,2);
			if(level==lvl){
				if(opens[lvl])
					JSONstring += "},{";
			}			
			else if(level>lvl){
				for(close=lvl;close<level;close++){
					JSONstring += "}]";opens[close] = false;
				}
				JSONstring += "},{";
			}
			else if(level<lvl){
				JSONstring += ',';
				for(open=level;open<lvl;open++)
					JSONstring += '"data" : [{';
			}
			opens[lvl] = true;
			level=lvl;
			JSONstring += '"nazev":"'+$(this).text()+'",';
		}
	});
	for(close=level;close>=base;close--)
						JSONstring += "}]";
		document.write(JSONstring);		
});

#3 Tchibo

Za tohle bych Ti postavil sochu, nemůžu slovy vyjádřit jak moc mi to pomohlo.

Hlavním (ale ne jediným) využitím je vyhledávání v reálném čase, jak můžeš vidět tady -  http://docs.nodejs.cz/doc

V podstatě jde o filtrování pole.

Problém je, že... tenhle script je omezený jenom na jeden element 'p'. Těch elementů pod jedním nadpisem je hodně a ne vždycky jsou to 'p', ale i 'pre', 'code' atd. Jednoduše potřebuju vybrat úplně všechno. Pokud se tam vyskytují další tagy tak jsou JSON data neplatná, protože "text" se tam objevuje vícekrát.

Pokud bys byl schopný pomoct s dokončením, byl bych ti hluboce zavázán a nabídl bych ti i určitou odměnu. 

#4 Froggy

$(document).ready(function() {
$(":header").each(function(index) {
   $(this).insertBefore($(this).closest("section"));
});
var level=base=2; // od H2
var opens = new Array(0,false,false,false,false,false);
var JSONstring ="[{";
$(":header, section").each(function(index) {
 
   if($(this)[0].tagName.toLowerCase()=='section')
   JSONstring += '"text":"'+$(this).text()+'"';
  else{
   lvl=$(this)[0].tagName.toLowerCase().substring(1,2);
   if(level==lvl){
    if(opens[lvl])
     JSONstring += "},{";
   }  
   else if(level>lvl){
    for(close=lvl;close<level;close++){
     JSONstring += "}]";opens[close] = false;
    }
    JSONstring += "},{";
   }
   else if(level<lvl){
    JSONstring += ',';
    for(open=level;open<lvl;open++)
     JSONstring += '"data" : [{';
   }
   opens[lvl] = true;
   level=lvl;
   JSONstring += '"nazev":"'+$(this).text()+'",';
  }
});
for(close=level;close>=base;close--)
      JSONstring += "}]";
  document.write(JSONstring); 
});

#5 Tchibo
Tohle byla totálně moje chyba - pro onu dokumentaci, kde jsou elementy patřící pod nadpis uvnitř elementu <section> to funguje perfektně. Pokud tam ale chybí jakýkoliv další markup, už ne. Reálný příklad stránky, která to bude využívat (i přesto, že jsem to nechtěl zveřejňovat) můžete vidět na http://nodejs.cz/…l-in-one.ejs

Vím, že už to začíná být nudné, proto bych se s Vámi dále rád domluvil na odměně za vyřešení problému. Děkuji mnohokrát.