javascript - 如何隐藏基于一系列父元素的 HTML 元素

Question

我想要完成的是按其数据类型在提要中隐藏来自一个用户的所有事件流帖子。我能够通过这种结构区分使用 CSS 的用户帖子

.joms-stream.joms-embedly--left.joms-js--stream > div > div > a > img[data-author="921"] {
display: none !important;

我如何使用 jQuery 或 javascript 中的一系列 (this.parent) 隐藏整个流元素？提前谢谢你。

Answer 1

你的问题可以通过使用.parents(selector).last()代码解决:

例如:

$("img[data-author="921"]").parents(".joms-stream.joms-embedly--left.joms-js--stream")
    .last().hide();

这段代码之所以有效，是因为 jQuery 从 .parent(selector) 返回一个从最内到最外的父列表，因此使用 .last() 将选择大多数家长。

或者如果您确定 .joms-stream.joms-embedly--left.joms-js--stream 不会在嵌套中出现两次(您应该非常确定，因为您正在使用 > 进行选择)，您可以使用 .closest(selector) 方法，该方法将从元素中选择最接近的匹配项:

$("img[data-author="921"]").closest(".joms-stream.joms-embedly--left.joms-js--stream")
    .hide();

附言$(jqueryElem).hide() 等同于 $(jQueryElem).style("display", "none") 或 elem.style.display = “无” 因为您似乎对 jQuery 很陌生。