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

Question

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

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

我的问题是：我如何一次只显示/隐藏1个跨度而不是全部？

任何帮助将不胜感激。感谢。

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();
});

Updated fiddle

Answer 3

您可以使用

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

但实际上你可能想要相对于你点击的项目来切换一个项目，可以使用$（this）来完成

Answer 4

尝试.next()喜欢

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

请参阅此DEMO