找到父元素的最接近元素

Question

HTML结构如下所示：title > ul > li > a。点击锚标记后，我需要.slideToggle()元素.content，.title元素最接近$(function(){ $('.title > ul > li > a').on('click', function(){ $(this).closest('.content').slideToggle(); }) }) 。

我当前的js看起来像这样，它不起作用。这是一个fiddle

{{1}}

Answer 1

.content与选择器不在同一棵树中，因此.closest找不到它。您需要使用.closest和.next

的组合

$(this).closest('.title').next(".content").slideToggle();

小提琴：http://jsfiddle.net/ad9bz/5/

另外，请确保下次将jQuery包含在你的小提琴中！

Answer 2

怎么样：

$(this).parents('.title').next('.content').slideToggle();