比如第一个搜索结果，我只想它显示路径为【剪辑】，而不是将页面标题又显示一次，这会导致下面路径很长，不美观。
求各位大佬给出 css 代码，能不能解决掉。
相关帖子
被采纳的回答
-
wilsons • • 2付费者 捐赠者
css 无法实现，得用 js 实现，下面的代码不知是否满足你的需求，仅供参考。
(()=>{ // 监听搜索项出现 observeElementExist('div[data-type="search-item"]', (element) => { const ariaLabel = element.querySelector('.b3-list-item__meta:last-child'); if(!ariaLabel) return; const itemText = element.querySelector('.b3-list-item__text')?.textContent || ''; if(!itemText) return; const paths = ariaLabel?.textContent?.split('/'); if(!paths) return; const lastPath = paths?.pop(); if(!lastPath) return; if(itemText !== lastPath) return; ariaLabel.textContent = paths.join('/'); }); // 监听元素出现 function observeElementExist(selector, callback) { const handleMutations = (mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.matches && node.matches(selector)) { callback(node); //observer.disconnect(); // 一旦找到元素，停止监听 } }); } } }; // 创建一个MutationObserver实例 const config = { attributes: false, childList: true, subtree: true }; const observer = new MutationObserver(handleMutations); // 选择需要监听的父节点 const targetNode = document.body; // 或者选择其他合适的父节点 // 开始监听目标节点的变化 observer.observe(targetNode, config); } })();
请输入回帖内容
...
- 其他回帖
-
css 无法实现，得用 js 实现，下面的代码不知是否满足你的需求，仅供参考。
(()=>{ // 监听搜索项出现 observeElementExist('div[data-type="search-item"]', (element) => { const ariaLabel = element.querySelector('.b3-list-item__meta:last-child'); if(!ariaLabel) return; const itemText = element.querySelector('.b3-list-item__text')?.textContent || ''; if(!itemText) return; const paths = ariaLabel?.textContent?.split('/'); if(!paths) return; const lastPath = paths?.pop(); if(!lastPath) return; if(itemText !== lastPath) return; ariaLabel.textContent = paths.join('/'); }); // 监听元素出现 function observeElementExist(selector, callback) { const handleMutations = (mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.matches && node.matches(selector)) { callback(node); //observer.disconnect(); // 一旦找到元素，停止监听 } }); } } }; // 创建一个MutationObserver实例 const config = { attributes: false, childList: true, subtree: true }; const observer = new MutationObserver(handleMutations); // 选择需要监听的父节点 const targetNode = document.body; // 或者选择其他合适的父节点 // 开始监听目标节点的变化 observer.observe(targetNode, config); } })();1 回复1 引用1 操作wilsons 在 2024-10-13 16:42:30 更新了该回帖大佬牛i1356 • -
隐藏搜索项标签，添加以下 css 即可
:not(#modelMain) div[data-type="search-item"] > :nth-child(3) { display:none; }1 回复1 引用
