如何用jQuery选择以下最近的元素？

Question

这是结构：

我想点击ul.children切换a.exchand-cat-item。我试过这个：

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

但后来意识到它不起作用，因为ul.children在a.exchand-cat-item

的DOM树中是一级的

这样做的正确方法是什么？

Answer 1

您可以使用closest首先爬回div元素：

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

Answer 2

然后上升一级并使用siblings：

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