使用 JQuery 选择与属性匹配的 div 失败

Question

我 go 到https://www.tradingview.com/chart/?symbol=BINANCE:BTCUSDTPERP并按 OPT+g（非 mac 为 ALT+g），TimeRange 叠加层出现。

我正在尝试使用控制台中的 JavaScript 模拟单击“自定义范围”选项卡。

但是$('#overlap-manager-root > div > [attribute="CustomRange"]')无法检索它。

这对我来说很奇怪，因为$('#overlap-manager-root > div button')成功地挑选出了 2 个按钮。

我正在使用https://api.jquery.com/attribute-equals-selector/作为参考。

Answer 1

>组合器用于直接后代。 这意味着>之后的元素需要直接位于父元素（ >之前命名的元素）中，而不是某些子元素中。

例如， #overlap-manager-root > div > [data-value="CustomRange"]将匹配

<div id="overlap-manager-root">
   <div>
       <button data-value="CustomRange"></button>
   </div>
</div>

但不会匹配

<div id="overlap-manager-root">
   <div>
       <div id="someotherdiv">
          <button data-value="CustomRange"></button>
       </div>
   </div>
</div>

删除>将使其在子层次结构中查找任何元素，而不仅仅是直接子元素。

所以将选择器切换到

#overlap-manager-root > div [data-value="CustomRange"]

这应该找到你的元素。