// 获取直接父元素的ID
var parentId = $('#childElement').parent().attr('id');

// 获取特定选择器的祖先元素的ID
var parentId = $('#childElement').parents('.parent-class').attr('id');

// 获取所有祖先元素中的第一个匹配元素的ID
var parentId = $('#childElement').parents('[id]').first().attr('id');

// 获取最近的具有ID的祖先元素的ID
var parentId = $('#childElement').closest('[id]').attr('id');

// 获取最近的特定选择器的祖先元素的ID
var parentId = $('#childElement').closest('.parent-class').attr('id');

<div id="grandparent">
  <div id="parent">
    <div id="child">
      <button id="childButton">获取父ID</button>
    </div>
  </div>
</div>

<script>
$(document).ready(function() {
  $('#childButton').click(function() {
    // 获取直接父元素的ID
    var directParentId = $(this).parent().attr('id');
    console.log("直接父元素ID: " + directParentId); // 输出: child
    
    // 获取特定祖先元素的ID
    var parentId = $(this).parents('#parent').attr('id');
    console.log("特定祖先元素ID: " + parentId); // 输出: parent
    
    // 获取最近的具有ID的祖先元素的ID
    var closestId = $(this).closest('[id]').attr('id');
    console.log("最近的具有ID的祖先元素: " + closestId); // 输出: child
  });
});
</script>