如何選擇具有某個屬性的元素的子元素

Question

是否有人知道如何選擇具有display ==塊的元素的所有子元素？ 我找到了jquery children（）函數，它允許過濾器，但我還沒有計算出如何過濾style.display ==塊？

$('#div_id').children('div.style.display == block') 

Answer 1

您可以使用jQuery的filter()實現自定義過濾功能

$('#div_id') 
 
    .children() // get all children 
 
    .filter(function() { // filter with your custom condition here 
 
    return this.style.display == 'block' 
 
    }).css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="div_id"> 
 
    <div style="display:block">1</div> 
 
    <div style="display:inline">1</div> 
 
    <div style="display:inline-block">1</div> 
 
</div>

Answer 2

$('#div_id').children('div[style="display:block"]');