除了第一次，jQuery对象永远不会改变

Question

我遇到了一个我正在尝试修改的对象的问题。 该对象具有一定数量的密钥，格式为key_yyyy-mm-dd 。 当某些输入字段失去焦点时，我会触发一个修改对象的函数。 这个功能如下：

function updateHotelBooking()
    {
        $(".no_hotel").each(function(i) {
            var day = $(this).attr('name').match(/\[(.*?)\]/)[1];
            hotelBooking["key_" + day] = parseInt($(this).val());
        }); 
    }

.no_hotel是触发函数的文本框，它们还提供了我想要放在对象中的值。

现在，假设我在第一个文本框中放了3 ， console.log将返回以下对象：

Object
key_2011-08-21: 3
key_2011-08-22: 0
key_2011-08-23: 0
key_2011-08-24: 0
key_2011-08-25: 0

但是，下次我在文本框中放入一些东西（或者应该触发该函数的另一个文本框）时，它会触发，但是返回的对象保持不变。 因此，不是将第一个数字改为5，而是再次返回3。

我不知道为什么。 我的代码看起来非常简单， day的console.log和$(this).val()返回正确的值。 这只是我的对象，没有得到更新。

有谁有想法吗？ 非常感谢！

编辑：

hotelBooking在$(document).ready()之后立即初始化：

var hotelBooking = {};

调用updateHotelBooking的方法如下：

$(".roomrequest").blur(function()
{
    updateHotelBooking();
});

EDIT2：JSFiddle： http ： //jsfiddle.net/pBYeD/2/

Answer 1

您确定问题不是来自调试器输出吗？

据我所知，在我的chrome输出中，如果我按照小提琴的方式放置，对象在控制台中似乎没有变化（只是左边的数字需要+3）。 但是，如果我添加像console.log(hotelBooking["key_" + day]); 就在之前或之后，它显示为变化。

Answer 2

它与控制台而不是代码有关，如果你将日志代码更改为此，你会看到你有正确的值：

    function updateHotelBooking()
    {
        $(".no_hotel").each(function(i) {
            var day = $(this).attr('name').match(/\[(.*?)\]/)[1];
            hotelBooking["key_" + day] = parseInt($(this).val());     
            **logObject(hotelBooking);**      
        });     
    }  


function logObject(hotelBooking){
        for(var i in hotelBooking){
            console.log(i+": "+hotelBooking[i]);
        }
        console.log("------");
    }