如何通过ID子节点按Title值定位并选择网页列表元素？

当然可以！你完全不用纠结复杂的MACRO操作，利用元素的title属性就能精准定位目标列表项，这比依赖ID的方式还灵活——毕竟你已经有了唯一的title标识。

核心思路：用CSS属性选择器定位 #

网页元素的title属性是可以直接通过CSS选择器抓取的，语法很简单：[title="你的目标值"]，再结合JS的querySelector或querySelectorAll就能轻松拿到你要的元素，然后触发选中操作就行。

1. 选中单个特定Title的元素 #

如果你只需要选某一个，比如2018 KW 05，用querySelector就行：

// 定位到带指定title的元素
const targetItem = document.querySelector('[title="2018 KW 05"]');
// 触发选中（这里假设点击元素就能选中，根据你页面的实际逻辑调整）
if (targetItem) {
  targetItem.click();
}

2. 批量选中多个指定Title的元素 #

要是需要一次性选好几个，比如2018 KW 04和2018 KW 03，可以先定义要选的title列表，再遍历处理：

// 把需要选中的title都列在这里
const targetTitles = ["2018 KW 04", "2018 KW 03"];

// 逐个定位并选中
targetTitles.forEach(title => {
  const item = document.querySelector(`[title="${title}"]`);
  if (item) {
    item.click(); // 如果点击父元素没效果，也可以定位到内部的.mstrListBlockItemName子元素再点击
  }
});

3. 更精准的定位（结合类选择器） #

看你给出的HTML，目标元素都带mstrListBlockItem类，你可以把类选择器和属性选择器结合，避免误选页面上其他带相同title的元素：

// 同时匹配类和title，定位更精准
const preciseItem = document.querySelector('.mstrListBlockItem[title="2018 KW 02"]');
if (preciseItem) {
  preciseItem.click();
}

小提醒 #

• 如果你的列表是动态加载的（比如滚动后才出现），要确保执行这段代码的时候，目标元素已经加载到DOM里了，不然会找不到元素。
• 要是点击父元素div.mstrListBlockItem没触发选中，试试点击它内部的div.mstrListBlockItemName子元素，有些页面的选中逻辑绑定在子元素上。

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