jquery - Jquery Last-Child 或 Nth-Child if == "SALE"

Question

我有一个下拉菜单，只有当字符串等于“SALE”并使其变为红色时，我才尝试更改列表的最后一项。我可以通过使用 nth-child 或 last-child 成功选择列表中的任何项目，但并非所有下拉菜单都有<li>string SALE。如何使用 jQuery 实现这一点？

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

Answer 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 添加这样的类不是一个好主意。为什么不使用服务器端语言添加它们？