如何使用html元素的属性动态创建json对象

Question

我想完全使用共享同一类的HTML元素的属性来创建JSON对象，以便键表示数据属性，而值是id。

我试过下面的代码：

$("#searchBtn").click(function() {

  var map = [];

  $(".searchTextField").each(function() {

    var fieldName = $(this).attr('data-field-name')

    map.push({

      $(this).attr('data-field-name'): $(this).val()

    })

    alert(map);

  });

})

我想要实现的是拥有一些

{

  "id" : 1,

  "page" : 5

} 

但是id和page必须是动态的，即，文本id来自HTML元素的进贡

Answer 1

var dd = {};dd.test = 5;或者var dd = {};dd['test'] = 5;