Se eu tiver o seguinte:
<div class="apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>
Posso usar o seguinte seletor para encontrar os dois primeiros DIVs:
$("div[class^='apple-']")
No entanto, se eu tiver isso:
<div class="some-other-class apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>
Ele só encontrará o segundo DIV, já que a classe da primeira div é retornada como uma string (acho) e, na verdade, não começa com 'apple-', mas sim 'some-'
Uma maneira de contornar isso é não usar, começa com, mas contém:
$("div[class*='apple-']")
O problema é que ele também selecionará o 3º DIV no meu exemplo.
Pergunta: Por jQuery, qual é a maneira correta de usar seletores de predicado em nomes de classes individuais, em vez de todo o atributo de classe como uma string? É apenas uma questão de pegar a CLASS, dividi-la em uma matriz e, em seguida, percorrer cada uma com regex? Ou existe uma solução mais elegante / menos detalhada?