Jquery Last-Child o Nth-Child if == “SALE” - jquery, css-selectores

Tengo un menú desplegable y estoy intentando cambiarel último elemento de la lista solo si la cadena es igual a "VENTA" y la hace ROJA. Puedo seleccionar con éxito cualquier elemento de la lista utilizando nth-child o last-child pero no todos los menús desplegables tienen el <li> cuerda SALE. ¿Cómo puedo lograr esto usando jQuery?

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

Respuestas

Si SALE no está directamente en el li elemento, puedes usar :has:

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

Si es así, puedes usar :contains:

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

Usar JavaScript para agregar clases como esta no es una buena idea. ¿Por qué no las agrega con el idioma del servidor?