获取具有特定类的兄弟div并且不禁用

Question

我想找到一个与之关联的类的div，但不能禁用它。 我使用以下代码来获取下一个兄弟，但它将使用“menuDiv”类返回下一个元素。

var nextDiv=jQuery('div.subMenuBarhover').nextAll('.menuDiv:first');

但现在我需要不禁用的元素，并且所有元素的id都是未知的。

我怎样才能做到这一点？

Answer 1

您说您使用自定义属性将div标记为已禁用。我建议始终将data-*属性用于自定义属性，即

<div data-disabled="true">

要选择没有该属性的下一个div，请使用negation pseudo class (aka :not selector)和属性选择器：

jQuery('div.subMenuBarhover').nextAll('.menuDiv:not([data-disabled]):first');

如果要查找data-disabled属性具有特定值的下一个元素，请使用attribute-equals选择器：

jQuery('div.subMenuBarhover').nextAll('.menuDiv[data-disabled=false):first');

---

一般来说，have a look at all the existing selectors已经试用了它们！

Answer 2

尝试根据需要在代码中添加。not(':disabled')。

not

disabled selector