如何在前一个<td>包含指定文本时选中目标<td>的内容

嘿，我来帮你搞定这个需求！根据你给出的HTML结构，这里有几种不同场景下的解决方案，看你具体是要实现视觉上的选中高亮，还是要获取/操作这段"Last Minute"文本：

如果只是想让匹配到的"Last Minute"看起来像被选中（比如背景变色），可以利用现代CSS的:has()选择器来精准定位目标元素：

/* 当tr的第一个td包含"Offer"文本时，给第二个td添加选中样式 */
tr:has(> td:first-child:contains("Offer")) > td:nth-child(2) {
  background-color: #b4d5ff; /* 模拟选中的蓝色背景 */
  color: #000;
}

注意：:contains()和:has()在Chrome 121+、Firefox 121+等现代浏览器中支持良好，如果需要兼容旧浏览器，建议用下面的JS方案。

如果需要动态获取这段文本，或者让页面加载后自动选中它（比如方便用户复制），可以用原生JS实现：

方法A：利用CSS选择器快速匹配（现代浏览器） #

// 找到目标td元素
const targetTd = document.querySelector('tr:has(> td:first-child:contains("Offer")) > td:nth-child(2)');

if (targetTd) {
  // 获取文本内容
  const lastMinuteText = targetTd.textContent.trim();
  console.log('匹配到的文本:', lastMinuteText);

  // 实现文本选中效果（让文本处于可复制的选中状态）
  const range = document.createRange();
  range.selectNodeContents(targetTd);
  const selection = window.getSelection();
  selection.removeAllRanges();
  selection.addRange(range);
}

方法B：兼容旧浏览器的遍历方式 #

如果你的项目需要支持IE或老版本浏览器，可以手动遍历行来判断：

// 获取所有符合类名的行
const rows = document.querySelectorAll('tr.row.m-0.mb-25');

rows.forEach(row => {
  const firstTd = row.querySelector('td:first-child');
  // 检查第一个td的文本是否严格等于"Offer"（注意去除空格）
  if (firstTd && firstTd.textContent.trim() === 'Offer') {
    const secondTd = row.querySelector('td:nth-child(2)');
    if (secondTd) {
      const targetText = secondTd.textContent.trim();
      console.log('匹配到的文本:', targetText);

      // 执行选中操作
      const range = document.createRange();
      range.selectNodeContents(secondTd);
      const selection = window.getSelection();
      selection.removeAllRanges();
      selection.addRange(range);
    }
  }
});

如果你的项目里已经在用jQuery，代码会更简洁：

// 获取目标文本
const lastMinuteText = $('tr:has(td:first-child:contains("Offer")) td:nth-child(2)').text().trim();
console.log('匹配到的文本:', lastMinuteText);

// 封装一个选中文本的函数
function selectText(selector) {
  const element = $(selector)[0];
  if (document.body.createTextRange) {
    const range = document.body.createTextRange();
    range.moveToElementText(element);
    range.select();
  } else if (window.getSelection) {
    const selection = window.getSelection();
    const range = document.createRange();
    range.selectNodeContents(element);
    selection.removeAllRanges();
    selection.addRange(range);
  }
}

// 调用函数选中目标文本
selectText('tr:has(td:first-child:contains("Offer")) td:nth-child(2)');

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