如何阻止搜索筛选脚本在结果匹配时读取图片URL中的内容

现有搜索逻辑读取了表格行的完整HTML内容（包含img标签的src属性），所以会匹配到2018年上传的国旗图片路径里的2018字符，导致筛选异常。

• 方案1：直接改用innerText/textContent提取行内容（最简便）

innerHTML会返回包含所有标签属性的完整HTML代码，而innerText或textContent只会提取页面渲染出来的可见文本，不会读取任何标签的属性内容。
仅需修改你的搜索逻辑里的内容提取代码即可：
原有逻辑示例（类似写法直接替换）：

// 原有错误写法
let rowContent = tr.innerHTML.toLowerCase()
// 替换为
let rowContent = tr.textContent.toLowerCase().trim()

• 方案2：手动移除图片节点后再做匹配

如果你确实需要匹配其他HTML元素的属性（如a标签的title属性），可以先克隆当前行节点，删除所有img标签后再提取内容做匹配：

const rowClone = tr.cloneNode(true);
// 移除行内所有img标签
rowClone.querySelectorAll('img').forEach(img => img.remove());
const rowContent = rowClone.innerHTML.toLowerCase();
// 后续沿用原有匹配逻辑即可

• 方案3：跳过国旗所在列做匹配（可控性最高）

如果国旗都放在固定列，可给该列的td添加专属类名（如flag-col），搜索时跳过该列仅提取其他列的内容匹配，完全避免该列所有内容干扰筛选：

function getValidRowText(tr) {
  let matchText = '';
  tr.querySelectorAll('td').forEach(td => {
    // 跳过国旗列
    if (!td.classList.contains('flag-col')) {
      matchText += td.textContent + ' ';
    }
  })
  return matchText.toLowerCase().trim();
}
// 后续搜索时直接调用该方法获取行的有效匹配内容即可

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