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"));