切换类.closest（）

Question

    $(".toggle-more-less").click(function() {
        $(this).closest(".article").toggleClass("show-hide");          
    });

我正在尝试为智能手机大小的网站切换文章长度以节省空间。

我认为这会奏效 - 但我不明白.closest（）我想。

HERE是一个jsfiddle。

任何方向都是GRRRRREAT！

Answer 1

$（this）表示启动该功能的项目，因此在这种情况下'$（“。toggle-more-less”）'。 最接近的将查找符合设定标准的最接近的$（this）父项，因此在这种情况下，它将向上遍历dom，直到达到“数字”。

$(this).closest('figure').find("figcaption").toggleClass("show");

小提琴：http://jsfiddle.net/6whzQ/

Answer 2

快速解决方案是这样的：$(this).parent().find("figcaption").toggleClass("show");

Answer 3

http://jsfiddle.net/q7kjr/3/

$(this).prev().toggleClass("show");
$(this).prev("figcaption").toggleClass("show");
$(this).closest('figure').find("figcaption").toggleClass("show");

文档：

http://api.jquery.com/prev/

http://api.jquery.com/closest/