Un metodo di selezione degli elementi molto utile è quello che permette di indicare regole specifiche per gli attributi degli elementi. Come in precedenza, la sintassi non si discosta da quella dei CSS:

$("a[target='_blank']"); //tutti i link che si aprono in nuove finestre

In questo primo esempio abbiamo individuato un valore ben definito per l’attributo target. Tuttavia possiamo indicare anche solo una parte del valore:

$("a[title^='nuova']"); //link con titolo che inizia per "nuova"
$("a[title$='pagina']"); //link con titolo che finisce per "pagina"

Oppure ancora escludere dalla selezione elementi con determinati valori:

"$("a[target!='_blank']"); //link che non aprano una nuova pagina del browser

In realtà possiamo decidere di ricercare tutti gli elementi con uno specifico attributo senza tener conto del suo valore. Quest’ultimo selettore potrebbe ritornarci utile nel cso volessimo sostituire il tooltip di default del browser con uno script più complesso come tooltip:

$("a[title]").tooltip(); //tutti i link che hanno impostato l'attributo "title" diventano un tooltip grafico

Inutile dire che è possibile concatenare i selettori di attributi per raffinare al meglio la nostra ricerca:

$("a[target='_blank'][title='nuova pagina']");

In questa pagina di esempio potete testare i selettori di attributi con alcuni interessanti scenari che vi si potrebbero prospettare in fase di sviluppo.
5 / 30

Filtrare le selezioni

I Video di HTML.it

Gian Maria Ricci, scoprire GIT