如何使用.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更改为类

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