jquery - 单击一个跨度，使其消失并出现其他内容

Question

我有一个php代码：

<div class="spacermenu">
                <span>Just a write</span>
                <div class="spacerhidden">
                        <input type"text" class="spacetext"> <img class="spacetext" src="images/delete.png">
                </div>
</div>

和一个 jquery 脚本

$(".spacermenu span").click(function () {
    $(this).css("display","none");
    $(??????).css("display","block");
});

我想要实现的是，当我单击“仅写入”时，使该跨度消失（完成）并使 .spacerhidden div 出现。我的猜测是使用像“.spacermenu .spacerhidden”这样的选择器，但这显示了所有 .spacerhidden div，而不是我点击的那个。

我在这里缺少什么？

提前致谢。

到目前为止的每个人：“下一个”是不是有点不精确，即使它在 atm 工作？我不能选择那个精确的元素吗？

Answer 1

你可以使用next方法。

$(".spacermenu span").click(function () {
    $(this).hide().next('.spacerhidden').show();
});

Answer 2

尝试.next()

$(".spacermenu span").click(function () {
    $(this).css("display","none");
    $(this).next().css("display","block");
});

Answer 3

尝试next

$(".spacermenu span").click(function () {
    $(this).next('.spacerhidden').css("display","block");
});

演示