根据 span 属性值隐藏 div 类

Posted 2023-05-08

【中文标题】根据 span 属性值隐藏 div 类

【英文标题】：Hide div class based off of a span attribute value

【发布时间】：2012-09-27 05:32:15

【问题描述】：

所以我正在尝试编写一个greasemonky 脚本，并希望根据同一树中的跨度值切换特定的div 类。这将与按钮操作相关联。

我想出的最好的就是这个......

$('span[data-doc="true"]').parent().parent().parent().parent().parent().parent().toggle();

为了到达树并隐藏我想要的 div 类，我必须添加所有这些 .parent() 选择器。这种方法似乎也不能很好地处理表格中剩余的项目。

我宁愿做这样的事情，但它不会隐藏 div 类...

$('div.inline-block.carousel-cell)('span[data-doc="true"]').toggle();

有没有更优雅的方法可以根据 span 值隐藏特定的 div 类？感谢您的帮助。

【参考方案1】：

您应该尝试$('div.inline-block.carousel-cell:has(span[data-doc="true"])').toggle(); 这样做。请检查此fiddle link

【讨论】：

老兄，你太棒了！有效。感谢您的快速回复！