JSFiddle - React, Tailwind, and code Playground
HTML
<div id="sqm-id" class="ui-state-disabled ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all ui-slider-disabled ui-disabled">
<div class="ui-slider-range ui-widget-header" style="left: 0%; width: 100%;"></div>
<a href="#" id="1" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></a>
<a href="#" id="2" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></a>
</div>
JavaScript
console.log($("#sqm-id").find("a:nth-child(2)"));
console.log($("#sqm-id").find("a:nth-child(2)").css("left"));