Содержимое пробела очищает кнопку под элементом диапазона

Question

Тело html имеет элемент span и button после него. Событие нажатия кнопки должно очистить элемент span, и любое нажатие клавиши должно предварять код ключа события для элемента span. Я использую jQuery версии 1.9.1.

Что происходит, empty() очищает текст диапазона и кнопку, которая присутствует после элемента span. Пожалуйста, дайте мне знать, что здесь не так.

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

$(document).keyup(appendtext); 

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

Answer 1

span элементы не могут быть самостоятельно закрыты, даже если они не имеют никакого содержания. Если вы это сделаете, браузер разместит кнопку внутри элемент span (Щелкните правой кнопкой мыши -> Осмотреть элемент).

С

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

он работает, как ожидалось.