JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div data-type="price" data-price='5'>5<span>$</span></div>
    <div data-type="price" data-price='6'>6<span>$</span></div>
</div>

JavaScript

var prices = document.querySelectorAll("[data-type='price']");

for (let i = 0; i < prices.length; i++) {
	console.log('price:', prices[i].getAttribute('data-price'));
}