如何使用 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();

你會得到一個對象數組：[{...}, {...}, ...]