3

ユーザーが「Hello!」をクリックできるようにしたい さようなら！もう一度クリックすると、'Hello!' に戻ります。こんにちは！'Goodbye!' に変更しますが、機能 'repeat' を作成する方法がわかりません。

私はこれに関して非常に初心者なので、すべてのヘルプとアドバイスを歓迎します!

これは私が持っている限りです：

HTML:

<body>
   <p id = "greeting">Hello!</p>
</body>

JQuery:

$(function(){
    $("#greeting").click(function(){
        $(this).text('Goodbye!').toggle(hide);
    });
});
4

3 に答える 3

10 
$("#greeting").click(function(){
     $(this).text(function(_, oldText) {
         return oldText === 'Goodbye!' ? 'Hello!' : 'Goodbye!';
     });
});

http://jsfiddle.net/DPeWk/

于 2013-03-16T06:53:37.810 に答える
1

を使用してそれを行う別の方法を次に示しますtoggle。

HTML

<body>
    <p>Hello!</p>
    <p style="display: none">Goodbye!</p>
</body>

jQuery

$(document).ready(function(){ 
    $("p").click(function () {
        $("p").toggle();
    });
});

ここでテストできます: http://jsfiddle.net/zcQkD/2/

トグルの jQuery ドキュメントには、これと非常によく似た例があります: http://api.jquery.com/toggle/

于 2013-03-16T07:02:09.753 に答える
0

これを試すこともできます：

$("#greeting").click(function(){
if ($(this).text() == "Hello!")
   $(this).text("Goodbye!")
else
   $(this).text("Hello!");
});
于 2013-03-16T06:57:28.433 に答える