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

Question

这就是我所拥有的：http: //jsfiddle.net/dontbe/VBhYT/20/

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

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

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

score 3 · Accepted Answer

你可以这样做：

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

score 1 · Accepted Answer

使用该parent()功能，然后span在其中找到相关内容：

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

score 0 · Accepted Answer

您可以使用

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

但是您可能实际上想要切换相对于您正在单击的项目的项目，这可以使用 $(this) 来完成

score 0 · Accepted Answer

试试.next()喜欢

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

看这个演示

4 回答 4