pegar conteúdo de vários elementos

[rockrgo 138]

Bom dia pessoal,

 

quando quero pegar um data de um determinado elemento faço da seguinte forma.

<li class="teste" data-x="123456">Alguma coisa</li>

//evento
    var dt = $('.teste').data('x');

 

Minha dúvida é como faço para pegar um data de vários elementos, exemplo:

<ul>
    <li class="teste" data-x="1">Alguma coisa</li>
    <li class="teste" data-x="12">Alguma coisa</li>
    <li class="teste" data-x="123">Alguma coisa</li>
    <li class="teste" data-x="1234">Alguma coisa</li>
</ul>

gostaria de pegar o valor de cada data destes ao executar um único evento.

 

Se existir alguma função que faça isso, só preciso do nome o resto eu me viro aqui!

Valeu!

[William Bruno 1501]

<ul>

<li class="teste" data-x="1">Alguma coisa</li>

<li class="teste" data-x="12">Alguma coisa</li>

<li class="teste" data-x="123">Alguma coisa</li>

<li class="teste" data-x="1234">Alguma coisa</li>

</ul>

 

 

<script>

var $testes = document.getElementsByClassName("teste"),

i = 0,

max = $testes.length;

for (;i < max; i++) {

console.log($testes.getAttribute("data-x"));

}

</script>

[rockrgo 138]

Valeu William,

 

consegui o resultado que eu queria utilizando o each() .

como minha estrutura html não estava exatamente desta forma fiz uma combinação de funções para poder chegar até os itens da ul.

$('.status-mesa').on('click', this, function(){
        var produtos = new Array;
        $(this).next('.produtos-por-mesa').children('li').each(function(){
            var id = $(this).data('id');
            produtos.push(id);
        });
});