3

Porque o código abaixo só me retorna o primeiro "104 104" e não "104 106"

$(function(){
  $('#sortable li').each(function(){
    console.log($('#sortable li').attr('id'));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul id="sortable">
  <li id="104"></li>
  <li id="106"></li>
</ul>

1
  • 1
    Podes juntar o HTML? assim podemos responder mais pedagogicamente. De modo breve estás sempre a usar o mesmo elemento... deves usar console.log(this.id);. Mas se juntares o HTML é mais fácil perceber o problema e responder.
    – Sergio
    Commented 24/10/2015 às 18:11

4 Respostas 4

4

Quando usas $('#sortable li').attr('id') o jQuery vai retornar somente o id do primeiro elemento que esse seletor encontrar.

Quando usas essa linha de código dentro de um .each() não estás na verdade a mudar nada, e daí ele dar a mesma resposta nas duas vezes.

Contudo o seletor $('#sortable li') retorna todos os elementos que queres e faz sentido usar o .each() para os iterar. Sendo que o jQuery atribui o elemento iterado ao this dentro dessa função passada ao .each() então para saberes o id basta usares this.id, como referi no meu comentário antes.

Assim basta usares:

$('#sortable li').each(function(){
    console.log(this.id);
});

NOTA: repara que te falta }); no final do teu código, antes do </script>.

2

Porque a cada giro do loop você está fazendo uma nova consulta ao DOM.
A estrutura do $.each(); permite que você acesse o index do elemento e o próprio elemento, sem refazer a consulta ao DOM:

$('#sortable li').each(function(i, o){
   console.log(o.id);
});
4
  • o this retorna o elemento atual do for tb dentro do bloco. Ex: $(this).attr("id") Commented 24/10/2015 às 18:43
  • kkk eu sei Bruno, é pq escrevi rapido aqui e nem reparei. O html ta em cima Sergio. Marcelo, entendi. Mas como faço para obter os ids das duas li. To apanhando aqui, pra essa porcaria. :) Commented 24/10/2015 às 18:45
  • acumula eles em um array ou em uma string, não sei se entendi ao certo sua duvida... cada volta do loop ele vai te expor o id do atual e então vc vai acumulando em alguma variável que foi declarada fora do loop (each) Commented 24/10/2015 às 18:58
  • Acabei de descubrir...rss Vlw galera... Commented 24/10/2015 às 19:03
0

é isso?

$("#sortable li").each(function(){
    console.log($(this).attr("id"));
});

https://jsfiddle.net/Lqmf8g20/

-1

Olá segue um exemplo onde exibirá os atributos "id" em um 'alert' do Javascript:

 $("#sortable li").each(function(ui, e){
     alert($(this).attr("id"));
 });
1
  • Seria útil se acrescentasse à sua resposta uma pequena explicação.
    – ramaral
    Commented 26/10/2015 às 13:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .