如果==“SALE”，则Jquery Last-Child或Nth-Child

Question

我有一个下拉菜单，我只是在字符串等于“SALE”并将其设为RED时尝试更改列表的最后一项。我可以通过使用nth-child或last-child成功选择列表中的任何项目，但并非所有下拉列表都包含<li>字符串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添加这样的类不是一个好主意。为什么不用服务器端语言添加它们？