查找含ValueA的数组元素并提取ValueB；点击按钮定位含指定值的表格

我来帮你搞定这两个前端需求，一步步拆解实现：

需求1：查找包含ValueA的div元素，提取ValueB赋值给新变量 #

这里分两种实现方式，你可以根据项目使用的技术栈选择：

jQuery 实现 #

利用:contains()选择器快速定位包含指定文本的div，再根据ValueB的存储方式提取值（示例假设ValueB存在于data-valueb属性或子元素中）：

// 定位包含ValueA的div
const targetDiv = $('div:contains("ValueA")');

// 情况1：ValueB存储在div的data属性中
const valueB = targetDiv.attr('data-valueb');

// 情况2：ValueB是div内某个子元素的文本（比如class为value-b的元素）
// const valueB = targetDiv.find('.value-b').text();

原生JS 实现 #

如果项目没有引入jQuery，用原生API也能实现：

// 获取页面所有div元素
const allDivs = document.querySelectorAll('div');
let valueB;

allDivs.forEach(div => {
  // 判断div是否包含ValueA文本
  if (div.textContent.includes('ValueA')) {
    // 情况1：从data属性提取ValueB
    valueB = div.dataset.valueb;
    
    // 情况2：从子元素提取ValueB
    // valueB = div.querySelector('.value-b').textContent;
    
    break; // 找到目标div后停止遍历
  }
});

需求2：点击按钮获取Select值后，找到包含该值的.square表格 #

你现有的获取Select值的代码已经能正常工作，现在只需要添加逻辑定位目标表格即可，同样提供两种实现方式：

jQuery 实现 #

在你的点击事件代码中添加表格查找逻辑：

$('#myBtn').on('click', function (clickEvent) { 
  var nameSelected = document.getElementById('mySelectControl').getElementsByTagName('span')[0].innerText; 
  
  // 定位包含nameSelected文本的.square表格
  const targetTable = $('.square:contains("' + nameSelected + '")');
  
  // 找到表格后可以进行后续操作，比如高亮、获取内容等
  // 示例：给目标表格加红色边框
  // targetTable.css('border', '2px solid #ff0000');
})

原生JS 实现 #

如果偏好原生JS写法：

$('#myBtn').on('click', function (clickEvent) { 
  var nameSelected = document.getElementById('mySelectControl').getElementsByTagName('span')[0].innerText; 
  
  // 获取所有带square类的表格
  const allTables = document.querySelectorAll('.square');
  let targetTable;
  
  allTables.forEach(table => {
    if (table.textContent.includes(nameSelected)) {
      targetTable = table;
      return; // 找到唯一目标表格后停止遍历
    }
  });
  
  // 对目标表格进行操作
  // if (targetTable) targetTable.style.border = '2px solid #ff0000';
})

小提示：如果你的Select是标准HTML <select> 控件，其实可以简化获取选中值的代码，比如用document.getElementById('mySelectControl').value，不过看你现有代码应该是自定义的Select组件，所以保留了你原来的写法~

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