JSFiddle - React, Tailwind, and code Playground

by sum1

HTML

<div id="container">
     <div class="right" data-x="1" data-y="1" ></div>
     <div class="right" data-x="2" data-y="1" ></div>
     <div class="right" data-x="3" data-y="1" ></div>
     <div class="right" data-x="4" data-y="1" ></div>
</div>

JavaScript

var all = $("#container").find(".right");
var max_x =0;
var max_y =0;
var min_x =1;
var min_y =1;
$.each(all,function(k,v){
  if(max_x<$(v).attr("data-x"))
      max_x = $(v).attr("data-x");
  if(min_x>$(v).attr("data-x"))    
     min_x = $(v).attr("data-x");
     
  if(max_y<$(v).attr("data-y"))
    max_y = $(v).attr("data-y");
  if(min_y>$(v).attr("data-y"))    
     min_y = $(v).attr("data-y");   
})

alert("max_x:"+max_x+" max_y:"+max_y+" min_x:"+min_x+" min_y:"+min_y);