Selenium(C#)：如何选择同一父元素下的另一个子元素

嘿，这个问题我太熟了！很多时候我们定位到某个子元素后，需要找同个父元素下的其他兄弟元素，结合你给出的页面结构，我给你分享几个实用的解决办法：

核心思路是利用兄弟选择器，或者先锁定共同父元素再筛选子元素：

• 相邻兄弟选择器+：如果目标元素是当前元素的紧挨着的下一个兄弟，直接用这个选择器。比如你已经定位到.select2-choice，要找它相邻的兄弟元素：

  .select2-choice + .target-sibling-class {
    /* 样式设置 */
  }
  

• 通用兄弟选择器~：如果目标元素是当前元素之后的任意兄弟（不需要紧挨着），用这个选择器：

  .select2-choice ~ .any-target-sibling {
    /* 样式设置 */
  }
  

• 先找父元素再选子元素：如果兄弟选择器不好用，你可以先定位到共同父元素，再在父元素范围内找目标。比如在JS中：

  // 假设已经获取到当前子元素
  const currentEl = document.querySelector('.select2-choice');
  // 先拿到父元素，再在父元素里找目标子元素
  const targetEl = currentEl.parentElement.querySelector('.target-child-class');
  

如果需要更灵活的筛选逻辑，可以用原生JS的DOM遍历方法：

• 先获取父元素，再遍历所有子元素找到目标：

  const currentEl = document.querySelector('.select2-choice');
  const parentEl = currentEl.parentNode;
  // 把父元素的子元素转成数组，用find方法筛选
  const targetEl = Array.from(parentEl.children).find(el => el.id === 'target-id');
  

• 也可以用nextElementSibling/previousElementSibling快速找相邻的兄弟：

  // 找下一个相邻兄弟
  const nextSibling = currentEl.nextElementSibling;
  // 找上一个相邻兄弟
  const prevSibling = currentEl.previousElementSibling;
  

如果你的项目依赖jQuery，那写法会更简洁：

// 直接找当前元素的所有兄弟元素中的目标
const targetEl = $('.select2-choice').siblings('.target-class');
// 或者先找父元素再筛选子元素
const targetEl = $('.select2-choice').parent().find('.target-class');

总的来说，核心就是先锁定共同的父元素，再在父元素的范围内查找目标子元素，或者用兄弟选择器直接跳过父元素的定位步骤，具体用哪种就看你的场景需求啦～

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