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

This question already has answers here:

How to create an object property from a variable value in JavaScript? [duplicate]
                                
                                    （9个答案）
                                
                        
                                9个月前关闭。
            
                    
我想完全使用共享同一类的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元素的进贡

最佳答案

$("#searchBtn").click(function () {
    var map = [];

    $(".searchTextField").each(function() {
        var element = {};

        element.id = $(this).data('field-name');
        element.page = $(this).val();

        map.push(element);
    });

    alert(map);
});

关于javascript - 如何使用html元素的属性动态创建json对象，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55652874/