[UL / Listas] A cada 10 "LI" fechar uma "UL"

[Mauricio Vargas 0]

Olá Todos,

 

Bom, gostaria de tirar uma dúvida.

Estou lendo um XML com jQuery (o que não importa, pode ser javascript puro) e gostaria de saber como faço para, abrir uma UL, a cada 10 itens que vier fechar a UL e abrir uma nova...

 

Como leio o XML:

 

$.ajax({
	type: 'GET',
	url: vemUrl,
	dataType: 'xml',
	success: function(xml) {
		var objeto = $(xml);
		objeto.find('produto').each(function(i) {
			if(i > qt) return false;

			var imagem = objeto.find('imagemProduto').text();
			var thumbimage = objeto.find('thumbProduto').text();
			var creditoimage = objeto.find('descProduto').text();
			var legendaimage = objeto.find('legendaProduto').text();


( ############# aqui iria a função para gerar as LISTAS ############# )


		});
	}
});

 

Como quero que fique o HTML resultado disso:

 

<ul>
<li>0</li>
(...)
<li>9</li>
</ul>


<ul>
<li>10</li>
(...)
<li>19</li>
</ul>

(...) e assim por diante

 

Sendo esses numeros o indice dos itens retornados...

 

Agradeço muito quem puder ajudar...

 

 

 

 

EDIT: Exemplo do XML:

 

<?xml version="1.0" encoding="UTF-8"?>
<produto_do_dia>


       <produto>
           <imagemProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></imagemProduto>
           <thumbProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></thumbProduto>
           <descProduto><![CDATA[Pedro Joaquim 1]]></descProduto>
           <legendaProduto><![CDATA[Pedro Joaquim Manoel dos Santos]]></legendaProduto>          
       </produto>

       <produto>
           <imagemProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></imagemProduto>
           <thumbProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></thumbProduto>
           <descProduto><![CDATA[Pedro Joaquim 2]]></descProduto>
           <legendaProduto><![CDATA[Pedro Joaquim Manoel dos Santos]]></legendaProduto>          
       </produto>

       <produto>
           <imagemProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></imagemProduto>
           <thumbProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></thumbProduto>
           <descProduto><![CDATA[Pedro Joaquim 3]]></descProduto>
           <legendaProduto><![CDATA[Pedro Joaquim Manoel dos Santos]]></legendaProduto>          
       </produto>

       <produto>
           <imagemProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></imagemProduto>
           <thumbProduto><![CDATA[http://www.google.com.br/images/srpr/nav_logo73.png]]></thumbProduto>
           <descProduto><![CDATA[Pedro Joaquim 4]]></descProduto>
           <legendaProduto><![CDATA[Pedro Joaquim Manoel dos Santos]]></legendaProduto>          
       </produto>



   </produto_do_dia> 

[JCMais 75]

Você poderia postar um exemplo do arquivo XML que é retornado?

[Mauricio Vargas 0]

Com certeza, editei o post principal com o exemplo, no final...

Obrigado

[KMRodrigo 1]

<li>
while(condição){
  if (ulcontador >=10)
  {
  <ul> conteudo </ul>
  }
    Else{
    </li><li>  //começa fechando o li msm pois ele é aberto fora do looping
        }
ulcontador++;
}
</li> //fecha aqui o ultimo que ficou aberto

 

Um tiro no escuro, n sei XML

[JCMais 75]

E aé Mauricio. Como não sou muito fan de XML fiz um exemplo usando HTML mesmo, basta que você adeque as suas necessidades, dê uma olhada:

http://jsfiddle.net/YhCmf/