jQuery-从元素获取CSS值

Question

我正在寻找一个容器来抓住这样一个匹配元素的填充。

 padding = $( ".container" ).find( ".set_height" ).css( "padding-top" ); console.log(padding); 

 .set_height { padding-top:50px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="container"> <div class="section"> <div class="match_height"> Section 1 </div> </div> <div class="section"> <div class="match_height"> Section 2 </div> </div> <div class="section"> <div class="set_height"> Section 3 </div> </div> </div> 

set_height div也可能是fixed_height或dynamic_height

我该如何修改jQuery以搜索其中之一，并在找到一个时停止搜索，因此，如果有多个，那么它将仅获取所找到的第一个的值？

Answer 1

http://api.jquery.com/multiple-selector/

您可以传递一个类列表作为选择器。

var padding = 0;
var items = $( ".container" ).find( ".set_height, .fixed_height, .dynamic_height");
if (items.length) {
    padding = items[0].style.paddingTop; 
}

---

编辑

@segu是正确的（谢谢），但是仅调用first()不够的，您必须检查first().style的结果是否undefined ，因为调用first().style.paddingTop可以触发Uncaught TypeError: Cannot read property 'paddingTop' of undefined如果未找到结果，则Uncaught TypeError: Cannot read property 'paddingTop' of undefined 。 我只是使用length属性。