Jquery Last-Child o Nth-Child if == "SALE" - jquery, selettori di css

Ho un menu a discesa e sto cercando di cambiarel'ultimo elemento della lista solo se la stringa è uguale a "SALE" e renderla RED. Sono in grado di selezionare con successo qualsiasi elemento dell'elenco utilizzando nth-child o last-child ma non tutti i dropdown hanno <li> stringa SALE. Come posso ottenere ciò usando jQuery?

jQuery("ul.top-cat-links li.top-cat-tops a:last-child").css("color","#ff0000");

risposte:

Se SALE non è direttamente nel li elemento, puoi usare :has:

ul.top-cat-links li.top-cat-tops:has(:contains("SALE")) a:last-child

Se lo è, puoi semplicemente usarlo :contains:

ul.top-cat-links li.top-cat-tops:contains("SALE") a:last-child

Usare JavaScript per aggiungere classi come questa non è una buona idea, perché non le aggiungi con il tuo linguaggio server?