[Resolvido] Índice em .remove() e .append()

[July123 0]

Olá,

 

 

Gostaria de saber se há como eu adicionar ou remover um item de determinada posição em jQuery.

 

Por exemplo, tenho uma lista <ul> que tem três registros <li>. Daí eu quero adicionar um quarto <li> na posição do terceiro <li>... representando abaixo:

 

| item1 |

| item2 |

| item3 |

 

adicionar um novo:

 

| item1 |

| item2 |

| item4 |

| item3 |

 

isso poderia ser feito no click de um botão mesmo... só queria saber se tem como adicionar objetos à uma lista, porque eu sei que com array dá pra fazer com o splite...

 

a minha idéia de código seria tipo:

 

$("#ul_sorteio").append("item4").posicao(3);

 

 

 

Espero que possam me ajudar!

 

E mesmo que não saibam a especificação, se conseguirem me dar uma idéia geral já ficarei grata!

 

Att.

[JCMais 75]

Olá, isto é realmente fácil de se fazer com Jquery. :)

 

Tente aprender sobre o seletor :eq que pode ser usado no JQuery.

 

Recomendo a leitura da documentação do Jquery para manipulação de elementos: http://api.jquery.com/category/manipulation/

 

Veja aqui um exemplo:

 

Eu quero trocar a 4 span da segunda div que estão dentro da div com ID Teste:

<div id='teste'>
<div>
<span>Div I - Span I</span>
<span>Div I - Span II</span>
<span>Div I - Span III</span>
</div>
<div>
<span>Div II - Span I</span>
<span>Div II - Span II</span>
<span>Div II - Span III</span>
<span>Div II - Span IV</span>
</div>
</div>

 

O código Jquery:

$('div#teste div:eq(1) span:eq(1)').replaceWith('<span>Div II - Span II - Trocada</span>');

 

Você já deve saber o que fazer. ^_^

[July123 0]

Olá, isto é realmente fácil de se fazer com Jquery. :)

 

Tente aprender sobre o seletor :eq que pode ser usado no JQuery.

 

Recomendo a leitura da documentação do Jquery para manipulação de elementos: http://api.jquery.com/category/manipulation/

 

Veja aqui um exemplo:

 

Eu quero trocar a 4 span da segunda div que estão dentro da div com ID Teste:

<div id='teste'>
<div>
<span>Div I - Span I</span>
<span>Div I - Span II</span>
<span>Div I - Span III</span>
</div>
<div>
<span>Div II - Span I</span>
<span>Div II - Span II</span>
<span>Div II - Span III</span>
<span>Div II - Span IV</span>
</div>
</div>

 

O código Jquery:

$('div#teste div:eq(1) span:eq(1)').replaceWith('<span>Div II - Span II - Trocada</span>');

 

Você já deve saber o que fazer. ^_^

 

Nossa, realmente não conhecia essa sintaxe do jQuery! Até olhando o link que me passastes, descobri que há duas formas de chamar o "eq", que é usando o metodo que passastes e também usando .eq(índice)! Bah, muito legal!

 

Mas bom, ainda não terminei o projeto que estou fazendo, mas essa sintaxe já me ajudou bastante, mesmo!!!

 

Só deixando a minha idéia de como estou resolvendo para poder ajudar à futuras buscas:

 

jQuery('<li>TESTE</li>').insertBefore("#lista li:eq(0)");

 

onde, inserirei a li com o conteúdo de "TESTE" antes da li que estiver na posição 0.

 

Exemplo:

 

<ul id="lista">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

 

com a linha de comando ficaria assim:

 

<ul id="lista">
<li>TESTE</li>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

 

 

Obrigada mais uma vez!

[JCMais 75]

Ainda bem que ajudou, mas lembre-se, nem todos (infelizmente, ainda é uma realidade) possuem Javascript habilitado.