如何选择具有特定属性的元素的子元素

Question

有没有人知道如何选择一个有display == block的元素的所有子元素？ 我找到了jquery children（）函数，它允许使用过滤器，但我还没有弄清楚如何过滤style.display == block？

$('#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"]');