跨度内容清除span元素下方的按钮

Question

html的正文后面有一个span元素和一个button。按钮单击事件应清除span元素，任何按键都应将事件键代码添加到span元素之前。我正在使用jQuery版本1.9.1。

发生的情况是，empty()清除span文本和以及span元素后面的按钮。请告诉我这里出了什么问题。

function appendtext(event) 
{ 
    var keyCode = event.keyCode; 
    $("#spanid").prepend(keyCode); 
} 

$(document).keyup(appendtext); 

function clearfn() 
{ 
    ("#spanid").empty();
} 

Answer 1

span个元素即使没有内容也无法自行关闭。如果您这样做，浏览器会将按钮放在范围内（右键单击->检查元素）。

用

<span id="spanid"></span>

它按预期工作。