1

私は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 が表示されます。

ここで何が欠けていますか？

前もって感謝します。

これまでのところ、「次」は少し不正確ではありませんか? その正確な要素を選択することはできませんか?

4

3 に答える 3

2

メソッドを使用できますnext。

$(".spacermenu span").click(function () {
    $(this).hide().next('.spacerhidden').show();
});
于 2013-01-18T23:53:52.517 に答える
0

試す.next()

$(".spacermenu span").click(function () {
    $(this).css("display","none");
    $(this).next().css("display","block");
});
于 2013-01-18T23:54:01.270 に答える
0

試すnext 

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

デモ

于 2013-01-18T23:56:28.733 に答える