当值改变时，jquery替换之前的.after

Question

$("#paragraphDuration").bind('keyup', function() {

   var fullDuration = $("#fullDuration").val(),
       paragraphDuration = $(this).val();

   $(this).after(function() {
       if ($(this).val() != '') {
           $(this).after(fullDuration - paragraphDuration + " min");
       } else {
           $(this).after("");
       }
   });
});

在我多次改变（＆＃34;＃paragraphDuration＆＃34;）之后，这就是我得到的：

这不是我想要的！

如何在更改（＆＃34;＃paragraphDuration＆＃34;）值时使用新值重新显示以前的。？

谢谢

Answer 1

您需要覆盖旧值。最好不要使用.after来设置文本，只需在预定义的span元素上使用.text()方法。

例如：

HTML 的

<input type="text" id="paragraphDuration"><span class="textContainer"></span>

JS

$("#paragraphDuration").bind('keyup', function() {

   var fullDuration = $("#fullDuration").val(),
       paragraphDuration = $(this).val();

   $(this).next('.textContainer').text(
     $(this).val() !== '' 
       ? (fullDuration - paragraphDuration + " min") 
       : ""
   );
});