如何在jquery val（val）中回顯文本？

Question

有一個jQuery代碼：

(function($) { 
$.fn.countdown = function(options) { 
    var settings = { 'date': null }; 
    if(options) { 
     $.extend(settings, options); 
    } 

    this_sel = $(this); 

    function count_exec() { 
     eventDate = Date.parse(settings['date'])/1000; // Parse the date string 
     currentDate = Math.floor($.now()/1000);     // Find the timestamp for now 
     seconds = eventDate - currentDate;     // Find the number of seconds remaining 

     days =   Math.floor(seconds/(60 * 60 * 24));  // Divide to find the number of days remaining 
     seconds -=  days * 60 * 60 * 24;      // Subtract the number of (complete, => 24 hours) days calculated above 

     hours =   Math.floor(seconds/(60 * 60));   // Get the number of hours from that modified number^
     seconds -=  hours * 60 * 60; 

     minutes =  Math.floor(seconds/60); 
     seconds -=  minutes * 60; 

     this_sel.find('#days').val(days).trigger('change'); 
     this_sel.find('#hours').val(hours).trigger('change'); 
     this_sel.find('#mins').val(minutes).trigger('change'); 
     this_sel.find('#secs').val(seconds).trigger('change'); 

    } // End of count_exec(); 

    count_exec(); 

    interval = setInterval(count_exec, 1000); 

} 
// End of the main function 
}) (jQuery); 

，有一個HTML標記的位置：

<input class="knob" id="days"> 
<input class="knob" id="hours"> 
<input class="knob" id="mins"> 
<input class="knob" id="secs"> 

我希望每個元件輸出後添加文字。例如， 例如，在輸入日期之後，我想要放置「剩餘天數」。我怎樣才能做到這一點 ？ 我想我應該編輯這些行：

  seconds = eventDate - currentDate;     // Find the number of seconds remaining 

     days =   Math.floor(seconds/(60 * 60 * 24));  // Divide to find the number of days remaining 
     seconds -=  days * 60 * 60 * 24;      // Subtract the number of (complete, => 24 hours) days calculated above 

     hours =   Math.floor(seconds/(60 * 60));   // Get the number of hours from that modified number^
     seconds -=  hours * 60 * 60; 

     minutes =  Math.floor(seconds/60); 
     seconds -=  minutes * 60; 

請參閱這些圖片明白我在問什麼...
什麼碼現在顯示：

我想要什麼要顯示：

Answer 1

我不知道如果我undertood你的問題在所有...

我會做這樣的事情。

讓您的所有功能的剩餘時間（你已經有了），你得到的回報變種，例如時間

所以，你可以創建其他變種這樣

變種後文字= 「天」

和打印這樣的$("myresult).val(time+"<br />"+text);

Answer 2

使用jQuery after()或insertAfter()功能。

this_sel.find('#days').val(days).after('<span>Remaining Days</span>').trigger('change'); 

或

$('<span>Remaining Days</span>').insertAfter(this_sel.find('#days')); 

UPDATE：

由於源代碼被調用在間隔，after()或insertAfter()不是此情況下可用。

更好的解決方案是更改HTML並使用next()和html()或text()代替。新的HTML：

<input class="knob" id="days"><span></span> 
<input class="knob" id="hours"><span></span> 
<input class="knob" id="mins"><span></span> 
<input class="knob" id="secs"><span></span> 

新的jQuery設置文本後：

this_sel.find('#days').val(days).trigger('change').next().text('Remaining Days');