jquery - span 内容清除 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 元素内（右键单击->Inspect Element）。

和

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

它按预期工作。