Re: [jquery-br] Mudar a ordem dos elementos

[Tiago Celestino]

Realmente não entendi. O que seria "ficar em primeiro"?

Tiago Celestino
+55 11 986062475
tcele...@gmail.com
---
---

Github: http://github.com/tcelestino

Twitter: http://twitter.com/tcelestino
Flickr: http://www.flickr.com/tcelestino/

2015-05-09 14:32 GMT-03:00 Leo Júnior <leoda...@gmail.com>:

Prezados!

Preciso mudar a ordem dos elementos via script. Exemplo:

O programa gera esse html para mim:

<div class="departamento">

     <h5>Tipo</5>

     <ul></ul>

     <h5>Uva</h5>

     <ul></ul>

     <h5>Preço</h5>

     <ul></ul>

</div>

Preciso que o  <h5>Preço</h5> junto com a <ul> fique em primeiro. Preciso de um script que consiga fazer essa manipulação. Notem que os elementos <h5> e <ul> não possuem nem classe e nem id.

Veja o html completo

http://jsfiddle.net/s77yxnmd/

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Leo Júnior]

Exemplo:

Eu tenho esses elementos:

<div class="departamento">

     <h5>Tipo</5>

     <ul></ul>

     <h5>Uva</h5>

     <ul></ul>

     <h5>Preço</h5>

     <ul></ul>

</div>

Quero mudar a ordem ficando assim por exemplo:

<div class="departamento">

     <h5>Preço</h5>

     <ul></ul>

   

     <h5>Uva</h5>

     <ul></ul>

     <h5>Tipo</5>

     <ul></ul>

</div>

Alterando a sua ordem de exibição:

[felipe huggler]

Infelizmente vc vai ter que fazer na mao.

Se tipo assumir a última posicao e preco a primeira posicao "sempre"

Da pra fazer algo do tipo

Var tipo = $("ul").contains ("tipo");
If (tipo)
$(seucontainer).preprend(tipo)

If (preco)
$(seucontainer).append(preco)

Mais ou menos isso

--

[Leo Júnior]

Vou simplificar, vou apenas inverter a ordem, colocar na ordem decrescente, porém os títulos ficaram em baixo; 

Veja:

http://jsfiddle.net/leodario/s77yxnmd/2/

[Leo Júnior]

[Leo Júnior]

Vou simplificar, vou apenas inverter a ordem, colocar na ordem decrescente, porém os títulos ficaram em baixo; 

Veja:

http://jsfiddle.net/leodario/s77yxnmd/2/

como faço para o <h5> ficar na posição anterior de suas ul

[felipe huggler]

Vc pode fazer um array de h5 e ir fszendo um prepend nas uls