javascript - クラスを持つ要素を持つJQuery show要素

Question

ページにいるときにドロップダウンメニューulがあります。ドロップダウンメニューをそのままにしたいので、クラス「.current-menu-item」のli要素がある場合にのみulアイテムを表示したいそれ。このコードを見つけましたが、すべてのドロップダウン (.sub-menu) が表示されます。「.current-menu-item」を含むものだけを表示したい:

if ($(".sub-menu").find(".current-menu-item").length > 0){ 
$(".sub-menu").css('display', 'block');
}

どうすればこれを達成できますか？

Answer 1

:hasセレクターを使用するだけです：

$(".sub-menu:has(.current-menu-item)").show();