javascript - 为什么我的元素没有按预期清空？

Question

我确信这很简单，但我被卡住了。

我有一个输入，当输入一个值时，我想将该值附加到 <span>元素。从输入中删除该值后，我还想将其从 <span> 中删除元素。

我遇到的问题是输入值被删除，但 html“名称”仍然存在。

Fiddle link .

<input type="search" id="searchName" type="text">
<div id="searchFilter">
  <p><span id="filterName"></span></p>
</div>

$('#searchName').keyup(function() {
  if ($('#searchName').length > 0) {
    $("#filterName").text('Name: ' + $('#searchName').val());
  } else {
    $("#filterName").empty();
  }
});

感谢任何帮助。

Answer 1

计算 val() 的长度，而不是元素本身:

$('#searchName').keyup(function() {
  if ($('#searchName').val().length > 0) {
    $("#filterName").text('Name: ' + $('#searchName').val());
  } else {
    $("#filterName").empty();
  }
});

Fiddle