jQuery实现：rtin-content内存在rtcl-badge-_top元素时显示rtin-thumb

CSS方案（优先推荐） #

借助CSS :has() 选择器可以直接实现需求，无需编写脚本，性能更好：

/* 匹配内部包含顶标元素的列表项，强制显示缩略图 */
.rtin-item:has(.rtin-content .badge.rtcl-badge-_top) .rtin-thumb {
  display: block !important;
}

注：:has() 兼容Chrome 105+、Firefox 121+、Safari 15.4+版本，如果你需要兼容更低版本浏览器，可以使用下方JS方案。

JavaScript方案（兼容全版本） #

document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('.rtin-item').forEach(item => {
    // 校验当前列表项是否存在置顶标
    const hasTopTag = item.querySelector('.rtin-content .badge.rtcl-badge-_top');
    if (hasTopTag) {
      // 覆盖行内隐藏样式，显示缩略图
      item.querySelector('.rtin-thumb').style.display = 'block';
    }
  })
})

如果页面列表是动态加载的，只需要在新列表渲染完成后重新执行一次上述遍历逻辑即可生效。

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