jQuery criar coleção de elementos que correspondem a um cenário de testes

by Salustiano Silva

HTML

<p class="teste">
    <a href="#">Meu texto</a>
    <a href="#">1</a>
    <a href="#">a1</a>
    <a href="#">2</a>
    <a href="#">14</a>
</p>

CSS

a{
    display:block;
}
.bubu{
    font-family:sans-serif;
    font-size:10px;
    color:red;
}

JavaScript

// recolhe elementos que só contém números
var soNumeros = $('a').filter(function() {
   return /^[0-9]*$/.test( $(this).text() );
});

// realiza algo com a colecção de objectos gerada
soNumeros.addClass('bubu');