2

メニューの別の方法でテストしています。私のコードは次のとおりです。

JavaScript

var hubOpen = 0;
var test = "test";
    $(document).ready(function(){
        $('#hub').click(function(){
            if(hubOpen == 0){
                $('#hub').append(test);
                hubOpen = 1;
            } else {
                //code for taking "test" out here
                hubOpen = 0;
            };
        });
    });

HTML

<body>
    <p id="hub">Hub</p>
</body>

必要に応じて、ここに jsFiddleがあります。このコードは、id「hub」をクリックすると「test」が表示されるようにするためのものです。ハブをもう一度クリックすると、「テスト」が消えます。コードを実行するとテストが開き、もう一度クリックすることはできませんが、「テスト」は削除されません (コードがないため)。

私の質問: ドキュメントから変数 "test" を削除し、後で使用する必要があるため、変数を永久に削除しないようにするにはどうすればよいですか? jQueryメソッドか

.replace();

仕事？

前もって感謝します！

4

2 に答える 2

1

要素のすべてのコンテンツを削除するために、jQuery は以下を提供します.empty()。

$('#hub').empty();

変数は要素から完全に分離されているため、問題はありません。元のテキストを復元したい場合は、次を使用して.text()ください。

$('#hub').text('Hub');

更新されたフィドル

于 2013-09-09T01:34:32.273 に答える
0

次のようなことができます。

$(document).ready(function(){
    $('#hub').click(function(){
         $(this).text() == 'Hub' ? $(this).html('text') : $(this).html('Hub');
    });
});

クリックすると、テキストが「ハブ」の場合は「テキスト」に変更され、それ以外の場合は再び「ハブ」に変更されます。

于 2013-09-09T01:43:12.253 に答える