切换.closest()的类

Question

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

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

我以为这会起作用--但我想我不理解.closest()。

HERE是一个jsfiddle。

任何方向都是很棒的！

Answer 1

$( this )表示启动函数的项，因此在本例中为‘$(“.togger-more-less”)’。Closest将查找与$( 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/