javascript - 如何在 anchor 的第二个元素上获取 CSS 左属性值

Question

我有这个 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="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></a>
    <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></a>
</div>

我试图找到 second anchor 内联 left 值，我尝试使用这个 jQuery 代码，但每次我从 undefined控制台。

console.log($("#sqm-id").find("a:eq(2)").css("left"));

JSFiddle:Sample Demo

有什么想法吗？

Answer 1

eq() 通过从零开始的索引访问元素。因此，要获得第二个元素，您需要 :eq(1)。

console.log($("#sqm-id").find("a:eq(1)").css("left"));

Updated fiddle