獲取具有特定類的同級div且未禁用

Question

我想找到一個具有與之關聯的類的div，但是一定不能禁用它。 我正在使用以下代碼來獲取下一個同級，但是它將返回帶有“ menuDiv”類的下一個元素。

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

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

我該如何實現？

Answer 1

您說您正在使用自定義屬性將div標記為已禁用。 我建議始終將data-*屬性用於自定義屬性，即

<div data-disabled="true">

要選擇不帶該屬性的下一個div ，請使用否定偽類（aka :not選擇器）和屬性選擇器：

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')到您的代碼。

不