// 查找所有具有 'active' 类的子元素
$('#parentElement').find('.active');

// 查找直接子元素中具有 'active' 类的元素
$('#parentElement > .active');

// 查找直接子元素中具有 'active' 类的元素
$('#parentElement').children('.active');

<div id="container">
  <div class="item active">Item 1 (active)</div>
  <div class="item">
    Item 2
    <div class="active">Nested active</div>
  </div>
  <div class="item active">Item 3 (active)</div>
</div>

<script>
$(document).ready(function() {
  // 使用 find() 查找所有后代中的 .active
  var allActive = $('#container').find('.active');
  console.log('find():', allActive.length); // 输出 3
  
  // 使用 children() 查找直接子元素中的 .active
  var directChildrenActive = $('#container').children('.active');
  console.log('children():', directChildrenActive.length); // 输出 2
  
  // 使用子选择器
  var selectorActive = $('#container > .active');
  console.log('> selector:', selectorActive.length); // 输出 2
});
</script>