获得特定类别的兄弟姐妹div，并且不是禁用的

Question

我想找到一个与与之关联的类的DIV，但不得被禁用。我正在使用以下代码来获取下一个兄弟姐妹，但是它将以" menudiv"类返回下一个元素。

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

但是现在我需要并非禁用的元素，并且所有元素的ID都不算。

我该如何实现？

Answer 1

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

<div data-disabled="true">

要在没有该属性的情况下选择下一个div，请使用否定pseudo类（又称:not选择器）和属性 selector：

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

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

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

---

通常，请查看所有现有的选择器都可以尝试！

Answer 2

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

不是

禁用选择器