javascript - 如何使箭头键跳过禁用类的列表项？

Question

我有一个下拉列表 ( <ul> )，我在其中禁止单击带有类的某些选项

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

问题是这些元素仍然可以用箭头键在列表中向下或向上滚动来选择。如何让箭头键跳过禁用的选项并转到下一个未禁用的选项？

Answer 1

你可以在jquery中使用hasClass

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

或在 CSS 中

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