Tampermonkey脚本开发：移除特定父元素下的无类li项

算力阿峰

2026-6-26

解决Tampermonkey脚本屏蔽非本人/系统消息的问题

你的问题出在CSS选择器语法错误，修正后就能正常移除目标元素了，以下是具体方案：

1. 修正选择器，一次性移除现有消息

原来的代码里选择器写错了几个关键地方：

类选择器必须以.开头，比如.mchat__messages而非mchat__messages
同一个元素的多个类要连写：.mchat__messages.chat-v-1（表示同时拥有这两个类的元素）
:not()里的类也要加.，比如:not(.me)而非:not(me)

正确的代码如下：

// 移除已存在的非本人/系统消息
document.querySelectorAll('.mchat__messages.chat-v-1 > li:not(.me):not(.system)').forEach(el => el.remove());

2. 监听动态加载的消息（可选）

如果聊天消息是实时动态加载的（新消息会自动追加），上面的代码只能处理页面初始加载的旧消息，需要加个监听自动移除新出现的非目标消息：

// 监听消息容器的变化
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    mutation.addedNodes.forEach(node => {
      // 检查新增节点是否是需要移除的li
      if (node.tagName === 'LI' && !node.classList.contains('me') && !node.classList.contains('system')) {
        node.remove();
      }
    });
  });
});

// 启动监听，目标是消息列表容器
const messageContainer = document.querySelector('.mchat__messages.chat-v-1');
if (messageContainer) {
  observer.observe(messageContainer, { childList: true });
}