Question

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

的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 here。代码是为了确保在单击id“hub”时出现“test”。再次单击集线器时，“test”消失。代码在运行时会打开测试，不允许您再次单击它，但它不会删除“test”（因为没有代码）。

我的问题：如何从文档中删除变量“test”，而不是永远删除变量，因为我需要稍后使用它？请问jQuery方法

.replace();

工作？

提前致谢！

Answer 1

要删除元素的所有内容，jQuery提供.empty()：

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

变量与元素完全分离，因此没有问题。如果您想要恢复原始文本，只需使用.text()：

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

Updated fiddle

Answer 2

您可以这样做：

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

点击，如果文字是＆＃39; Hub＆＃39;将其更改为＆＃39; text＆＃39;否则将其再次更改为＆＃39; Hub＆＃39;。

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

2 个答案: