$('.parent').each(function() {
  // 使用$(this)获取当前元素，然后使用find()查找子元素
  $(this).find('.child').css('color', 'red');
});

$('.parent').each(function() {
  // 获取直接子元素
  $(this).children('.child').css('background', 'yellow');
});

$('.parent').each(function(index, element) {
  // 使用element参数代替this
  $(element).find('.child').text('Item ' + index);
});

<ul class="list">
  <li class="item">
    <span class="title">Item 1</span>
    <div class="content">Content 1</div>
  </li>
  <li class="item">
    <span class="title">Item 2</span>
    <div class="content">Content 2</div>
  </li>
</ul>

$('.item').each(function() {
  $(this).find('.title').text(function(i, oldText) {
    return oldText + ' - Updated';
  });
});

$('.item').each(function() {
  $(this).find('.content').on('click', function() {
    alert($(this).text());
  });
});

$('.parent').each(function() {
  $(this).find('.child').addClass('highlight').css('color', 'blue');
});

$('.list').on('click', '.content', function() {
  alert($(this).text());
});