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 回答