/ / ==“ SALE”の場合、Jquery Last-ChildまたはNth-Child-jquery、css-selectors

Jqueryの最後の子またはN番目の子の場合== "SALE" - jquery、css-selector

ドロップダウンメニューがあり、変更しようとしていますリストの最後の項目は、文字列が「SALE」に等しく、赤になっている場合のみ。 nth-childまたはlast-childを使用してリスト内の項目を正常に選択できますが、すべてのドロップダウンが <li> 文字列 SALE。 jQueryを使用してこれをどのように達成できますか?

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

回答:

回答№1は1

もし SALE 直接ではない li 要素、使用できます :has

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

もしそうなら、あなただけを使用することができます :contains

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

JavaScriptを使用してこのようなクラスを追加するのは「良いアイデアではありません。サーバーサイド言語で追加しないのはなぜですか」。