為什么我的jquery .each（）函數無法正常工作？

Question

我寫了這個函數：

jQuery(document).ready(function() {
    jQuery('input[type=text]').each( function(i) {
        thisval = jQuery(this).val();

        jQuery(this).blur( function() {
            if (jQuery(this).val() == '') {
                jQuery(this).val(thisval);
            }
        }); // end blur function
        jQuery(this).focus( function() {
            if (jQuery(this).val() == thisval) {
                jQuery(this).val('');
            };
        });// end focus function
    }); //END each function
}); // END document ready function

它旨在獲取輸入的值，然后如果用戶點擊而不輸入新值，則返回舊值。 這適用於頁面上的一個輸入，但不適用於其他輸入。 但是，當我刪除.blur和.focus函數並只使用alert（thisval）; 它警告每個輸入的名稱，所以我的功能有問題，但我無法弄清楚是什么。 有幫助嗎？

Answer 1

在聲明變量時需要var ，因此它不是共享的全局變量，如下所示：

var thisval = jQuery(this).val();

此外，由於您專門處理文本輸入，您可以使用.value DOM屬性，如下所示：

jQuery(function() {
  jQuery('input[type=text]').each(function(i) {
    var thisval = this.value;
    jQuery(this).blur( function() {
        if (this.value == '') this.value = thisval;
    }).focus( function() {
        if (this.value == thisval) this.value = '';
    });
  });
});

Answer 2

thisval是一個全局變量，因此它被每個循環替換。 讓它本地[在它前面的變量]它應該像魔術一樣工作。

你不應該一遍又一遍地繼續創建jQuery（this）。 這是非常低效的。 jQuery（這個）很貴。 您應該將一個副本存儲在變量中並使用該變量。