Javascript:无需 ID 即可获取值

Question

<div class="CurrencyQuote">


<div class="column">
    <div class="form-label">Pair: </div><div>BUX/TIX</div>
    <div class="form-label padding-top">Spread: </div><div>113</div>
</div>
<div class="column">
    <div class="form-label">Rate: </div><div>10.159/10.272</div>
    <div class="form-label padding-top">High/Low: </div><div>115</div>
</div>

</div>

我想获取值 113 和值 115，但是在 javascript 中没有 ID 如何实现？我无法更改 HTML，我需要分别获取这两个值，谢谢。

Answer 1

您可以使用querySelectorAll()并使用 CSS 选择器构建元素的唯一路径，如下所示:

var els = document.querySelectorAll( '.column .form-label.padding-top ~ div' );

for( var i=els.length; i--; ) {
  console.log( els[i].innerHTML );
}

<小时/> 为了让所有 jQuery 粉丝也高兴:

$( '.column .form-label.padding-top ~ div' ).each( function() { console.log( this.text() ); } );