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

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

我在这里缺少什么？

提前致谢。

到目前为止，对每个人来说：即使它起作用，也不是“下一步”有点不高兴吗？我不能选择那个精确的元素吗？

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

Demo

单击跨度，使其消失并显示其他内容

3 个答案: