jquery - .closest() 的切换类

Question

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

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

我认为这会起作用 - 但我猜我不明白 .closest() 。

HERE是一个jsfiddle。

任何方向都将是GRRRRREAT!

Answer 1

$(this) 表示启动该功能的项，因此在本例中为“$(".toggle-more-less")”。Closest 将寻找最接近 $(this) 且符合设定条件的父级，因此在这种情况下它将向上遍历 dom，直到到达“图形”。

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

fiddle :http://jsfiddle.net/6whzQ/