jquery - jQueryで次の最も近い要素を選択するにはどうすればよいですか？

Question

これは構造です：

ul.childrenをクリックして切り替えたいa.exchand-cat-item。私はこれを試しました：

$('a.expand-cat-item').on('click', function() {
  $(this).siblings('ul.children').toggle('slow');
});

ul.childrenしかし、その後、のDOMツリーの1つ上のレベルであるため、機能しないことに気付きました。a.exchand-cat-item

これを行う正しい方法は何ですか？

Answer 1

最初に要素closestに戻るために使用できます。div

$(this).closest('div').siblings('ul.children');

Answer 2

次に、1レベル上に移動して、次を使用しますsiblings。

$(this).parent().siblings('ul.children');