javascript - 如何使用 .closest 切换段落？

Question

我正在尝试使用最接近的方式向下滑动段落。这就是我到目前为止所拥有的。

JS

$(".info_btn").css("-webkit-transition", "-webkit-transform 0.25s ease-in-out");

var info_btn_DEG = 0;

$(".info_btn").toggle(function() {
$(this).closest('p').slideDown("250");
info_btn_DEG += 45;
$(this).css("-webkit-transform", "rotateZ(" + info_btn_DEG + "deg)");
$(this).fadeTo("250", 0.65);
}, function() {

$(this).closest('p').slideDown("250");
info_btn_DEG += 45;
$(this).css("-webkit-transform", "rotateZ(" + info_btn_DEG + "deg)");
$(this).fadeTo("250", 0.3);
});

我也在 JSbin 中设置了这个，以便完整查看：

http://jsbin.com/atinap/7/edit

Answer 1

您可以到达“article_total”级别（将其更改为一个类，一个页面上不应有多个相同的 ID）然后您可以从那里定位您需要的 p

下面的代码假设您将 id 更改为 class

$(this).closest('.article_wrapper').find('YOUR_ELEMENT_HERE');