jquery - オブジェクトのjqueryキャッシング

Question

HTML：

<div class="nav">
  <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
  </ul>
</div>

Jquery：

$('.nav ul li a').click(function () {
    var url = $(this).attr('href');
    var obj = {};

    $('.cnt').load(url + ' div', function (response) {
        obj['key'] = $(this).html();
    });

    return false;
});

私の問題は、クリックするたびに、objがキーを取得するのは1回だけであるということです。次のたびにオブジェクトをクリックして前のキーを保持し、新しいキーを追加します。次のようになります。

1st click obj{key}

2nd click obj{key,key}

今では次のようになります。

1st click obj{key}

2nd click obj{key}

Answer 1

オブジェクトは、キーごとに 1 つの値のみを持つことができます。'key'の値を設定しているobjので、毎回そのキーを再設定しています。

代わりに配列を使用したい。

var arr = [];
$('.nav ul li a').click(function () {
    var url = $(this).attr('href');

    $('.cnt').load(url + ' div', function (response) {
        arr.push($(this).html());
    });

    return false;
});