技术咨询：如何仅获取父元素的对应值？

根据你给出的HTML结构，假设我们要从某个子元素（比如<img>或<a>标签）出发，获取它的目标父元素（比如最外层的.biz-owner-reply）的属性、文本或其他值，这里提供几种常用的实现方案：

1. 原生JavaScript实现 #

方法一：使用closest()方法（推荐） #

closest()可以直接匹配最近的符合选择器的父元素，灵活又高效：

// 先选中目标子元素（比如示例里的头像img）
const targetChild = document.querySelector('.photo-box-img');
// 获取最近的.biz-owner-reply父元素
const parentElement = targetChild.closest('.biz-owner-reply');

// 接下来就可以获取父元素的对应值了，比如：
// 获取父元素的class属性
const parentClass = parentElement.className;
// 如果父元素有自定义属性（比如data-id），可以这样获取
// const parentCustomId = parentElement.dataset.id;

方法二：逐层向上遍历父元素 #

如果需要兼容不支持closest()的老旧浏览器，可以手动遍历父节点：

const targetChild = document.querySelector('.photo-box-img');
let currentNode = targetChild;
let targetParent = null;

// 逐层向上查找，直到找到目标父元素或到达文档根节点
while (currentNode && currentNode.nodeType === 1) {
  if (currentNode.classList.contains('biz-owner-reply')) {
    targetParent = currentNode;
    break;
  }
  currentNode = currentNode.parentNode;
}

if (targetParent) {
  // 比如获取父元素的纯文本内容（过滤子元素文本）
  const parentText = Array.from(targetParent.childNodes)
    .filter(node => node.nodeType === 3)
    .map(node => node.textContent.trim())
    .join('');
}

2. jQuery实现 #

如果你的项目已经引入了jQuery，代码会更简洁：

// 选中子元素后，直接获取最近的目标父元素
const $parentElement = $('.photo-box-img').closest('.biz-owner-reply');

// 获取父元素的对应值，比如属性
const parentAttr = $parentElement.attr('class');
// 或者获取自定义数据属性
// const parentData = $parentElement.data('biz-id');

注意事项 #

• 确保父元素的选择器准确唯一，避免匹配到无关元素
• 如果父元素是动态生成的，要在元素加载完成后再执行获取逻辑（比如放在DOMContentLoaded事件回调里）
• 若要获取父元素的纯文本，记得过滤掉子元素的文本内容

内容的提问来源于stack exchange，提问作者bleepmeh