Fatal编程技术网
  • javascript/
  • Javascript 如何在锚点的第二个元素上获取CSS左属性值

Javascript 如何在锚点的第二个元素上获取CSS左属性值

javascript jquery html css

Javascript 如何在锚点的第二个元素上获取CSS左属性值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这个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%;"&

我有这个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>
JSFiddle：

有什么想法吗？

eq（）
通过元素的索引（以零为基）访问元素。因此，要获得第二个元素，您需要
：eq（1）

您可以使用 
eq（）

如果我们使用
#sqm id
a，则表示该id
#sqm
中的所有锚定标记都不需要使用
.find（）


另一种方法是使用
nth-of-type（）


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



不是
n个孩子
而是
n个类型
@HashemQolami-谢谢，n个类型只在上下文中起作用您是对的这是一个仅代码的答案。请尝试在你的文章中添加一些解释answer@dotctor解释我的答案。审阅队列显示的是没有解释的答案的第一个版本。现在天气很好。

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



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



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