javascript - 将 html 输入值放入 javascript 对象中

Question

为什么这段代码没有给我一个对象，其中键作为文本输入的 id，值作为文本输入的值？

JS

$(document).ready(function () {
    $('body').on('click', '#btn', function () {
        var address = {};
        $('input[type="text"].address').each(function (index, element) {
            address[element.id] = $(element).val();
        });
        console.log(address);
    });
});

HTML

  <input class="address" id="attn" value="john doe">
  <input class="address" id="address_1" value="1234 sample st">
  <input class="address" id="address_2" value="Suite 1">
  <input class="address" id="city" value="chicago">
  <input class="address" id="state" value="IL">
  <input class="address" id="zip" value="12345">
  <input class="address" id="country" value="US">
  <input type="button" id="btn" value="btn" />

jsbin

Answer 1

这是因为您的输入没有 type="text" 因此 $('input[type="text"].address') 不会返回任何内容.

最好添加它们以表示输入是文本类型。