javascript - 使用新条目更改 div 的值并且不附加

标签 javascript jquery html node.js

我对编码完全陌生。请帮忙。我正在使用 node.js 获取推文文本并使用 html 显示。当我输入新文本时,结果应该替换 #tweets 中的早期结果,而不是附加到它

<!DOCTYPE html>
<html>
<head>  
</head>

<body>

    <form>
       #<input type="text" id="tag" class="hash"/>
       <button>submit</button>
   </form>
   <div id="tweets"></div>

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
   <script src="/socket.io/socket.io.js"> </script>
   <script>
   var socket = io.connect('/link');

   $('.hash').on('keypress',function(){
    setTimeout(function(){
        $('#tweet').empty();
        socket.emit('message', $('#tag').val());
    },2000);

    return;
    });

   socket.on('message', function(msg){
        $('#tag').val('');
        $('#tweet').empty();
        $('#tweets').after($('<div>').text(msg));
    });

   </script>

</body>
<html>

最佳答案

.after 替换为 .html :

$('#tweets').html($('<div>').text(msg));

关于javascript - 使用新条目更改 div 的值并且不附加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24905520/

相关文章:

javascript - 更改文本 onclick 并将其他更改恢复为默认值?

javascript - jQuery 中匿名函数包装器的用途是什么?

javascript - 如何在函数外部返回 this 的结果?

html - 如何在 Angular svg map 上选择区域?

javascript - OnDragEnd 不返回起始位置

php - 构建一个包含 3 列的表格,输入字段可填写,并随时间移动或使用按钮移动,

javascript - 访问 javascript 对象的@attributes

javascript - 模式中的谷歌地图仅显示第一张 map

jQuery Lightbox 帮助

javascript - 使用 openexchangerates API 使用 JS/JQuery 进行货币转换