Javascript 从HTML文档中删除但不删除元素/变量_Javascript_Jquery_Html_Variables_Menu

Javascript 从HTML文档中删除但不删除元素/变量

javascript jquery html variables menu

Javascript 从HTML文档中删除但不删除元素/变量,javascript,jquery,html,variables,menu,Javascript,Jquery,Html,Variables,Menu,我正在用不同的菜单方式进行测试。我的代码如下： JavaScript var hubOpen = 0; var test = "test"; $(document).ready(function(){ $('#hub').click(function(){ if(hubOpen == 0){ $('#hub').append(test); hubOpen = 1;

我正在用不同的菜单方式进行测试。我的代码如下：

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>

工作

提前谢谢

要删除元素的所有内容，jQuery提供了

.empty（）

：

变量与元素完全分离，因此没有问题。如果要还原原始文本，只需使用

.text（）

：

您可以这样做：

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

如果文本为“Hub”，请单击将其更改为“text”，否则请再次将其更改为“Hub”。

请在问题本身中包含所有相关代码–不要仅链接到它。以后您将如何使用该变量？“你以后打算用它做什么？”杰克，请参考下面答案的评论。这不是全部。我这样做只是为了证明制作一个显示另一个元素/变量的可切换按钮的概念。希望这能把事情弄清楚。@Matt，谢谢你提供的信息。我以后会考虑它。好吧，那为什么不直接使用

.toggle（）

？正如我所说的，我需要使用#hub并再次测试，所以永久清空它是不够的。谢谢。@JustinChang:你有一个变量。它还在那里。如果某个变量因某种原因不能满足您的需要，请您添加更多关于其用途的详细信息。好的，谢谢。正如我在问题中所说，我使用该文档是为了“证明概念”，这是一种制作下拉“工具栏”的新方法。@JustinChang：将其粘贴在

中，然后在其上调用

show（）

hide（）

toggle（）

？

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

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

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