JSFiddle - React, Tailwind, and code Playground
HTML
<form class="variations_form cart" method="post" enctype="multipart/form-data" data-product_id="9" data-product_variations='
[{
"variation_id": "18",
"variation_is_visible": true,
"is_purchasable": true,
"attributes": {
"attribute_pa_size": "a3"
},
"image_src": "",
"image_link": "",
"image_title": "",
"image_alt": "",
"price_html": "<span class=\"price\"><span class=\"amount\">£19.20<\/span><\/span>",
"availability_html": "",
"sku": "100",
"weight": " kg",
"dimensions": "",
"min_qty": 1,
"max_qty": 0,
"backorders_allowed": false,
"is_in_stock": true,
"is_downloadable": false,
"is_virtual": false,
"is_sold_individually": "no"
}, {
"variation_id": "22",
"variation_is_visible": true,
"is_purchasable": true,
"attributes": {
"attribute_pa_size": "a5"
},
"image_src": "",
"image_link": "",
"image_title": "",
"image_alt": "",
"price_html": "<span class=\"price\"><span class=\"amount\">£8.75<\/span><\/span>",
"availability_html": "",
"sku": "100",
"weight": " kg",
"dimensions": "",
"min_qty": 1,
"max_qty": 0,
"backorders_allowed": false,
"is_in_stock": true,
"is_downloadable": false,
"is_virtual": false,
"is_sold_individually": "no"
}, {
"variation_id": "19",
"variation_is_visible": true,
"is_purchasable": true,
"attributes": {
"attribute_pa_size": "a4"
},
"image_src": "",
"image_link": "",
"image_title": "",
"image_alt": "",
"price_html": "<span class=\"price\"><span class=\"amount\">£13.50<\/span><\/span>",
"availability_html": "",
"sku": "100",
"weight": " kg",
"dimensions": "",
"min_qty": 1,
"max_qty": 0,
...
JavaScript
json = $("form.variations_form").data("product_variations");
$.each(json, function(key, pre_product) {
alert(pre_product['variation_description']);
alert(pre_product['variation_description']);
});