如何使用 Jquery 从输入中获取数据作为数组？

Question

大家好，我有很多输入字段，我想把它作为这样的数组数据

        array (
                'gender' => "male",
                "height" => "180",
                'weight' => '90',
                'value' = '#55'
        ),
        array (
                'gender' => "male",
                "height" => "177",
                'weight' => '68',
                'value' = '#66'
        ),
        array (
                'gender' => "female",
                "height" => "150",
                'weight' => '55',
                'value' = '#77'
        ),

这是我想要将其导出到数组数据中的输入字段，正如我向您展示的那样

        <input type="text" gender='male' height='180' weight='90' value='#55' class='get-my-data'>
        <input type="text" gender='male' height='177' weight='68' value='#66' class='get-my-data'>
        <input type="text" gender='female' height='150' weight='55' value='#77' class='get-my-data'>

Answer 1

如果你想实际使用 JQuery 而不是首选的 vanilla JS，那么类似的东西应该可以工作：

const data = $('.get-my-data').map(function() {
  return {
    gender: $(this).attr('gender'),
    height: $(this).attr('height'),
    weight: $(this).attr('weight'),
    value: $(this).attr('value')
  };
}).get();

你会得到一个对象数组：[{...}, {...}, ...]