jQuery如何只显示/隐藏最近的跨度

Question

以下是我得到的：http://jsfiddle.net/dontbe/VBhYT/20/

$(document).ready(function () {
$('.show_hide').click(function () {
    $(".commenthidden").slideToggle();
});});

我的问题是：如何一次只显示/隐藏一个跨度，而不是所有跨度？

如有任何帮助，我们将不胜感激。谢谢

Answer 1

您可以这样做：

$(document).ready(function () {
    $('.show_hide').click(function () {
        $(this).next(".commenthidden").slideToggle();
    });
});

• 转到当前作用域中正在单击的next元素到anchor

FIDDLE

Answer 2

使用parent()函数，然后在其中找到相关的span：

$('.show_hide').click(function () {
    $(this).parent().find(".commenthidden").slideToggle();
});

更新的fiddle

Answer 3

您可以使用

$(".commenthidden").eq(0).slideToggle();

但实际上，您可能想要相对于您正在单击的项目切换一个项目，这可以使用$（this）

Answer 4

尝试使用类似的.next()

$(document).ready(function () {
    $('.show_hide').click(function () {
        $(this).next(".commenthidden").slideToggle();
    });
});

请参阅此DEMO