如何在禁用类中制作箭头钥匙跳过列表项目

Question

我有一个下拉列表(<ul>(，我禁用了使用类的某些选项

.disbaled {
    pointer-events: none !important;
}

问题是，仍然可以使用箭头键向下或向上滚动的箭头键选择这些项目。如何使箭头键跳过毁坏的选项，然后转到未禁用的下一个选项？

Answer 1

您可以在jQuery

中使用Hasclass

if ($("ul li").hasClass("disabled")) {
   ...
}

或CSS

ul li:has("disabled"){
  ...
}