如何隱藏基於一系列父元素的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不會在巢穴中出現兩次（因爲你使用> S選擇你應該很確定），你可以使用.closest(selector)方法，該方法將選擇從最接近的匹配元素：

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

PS $(jqueryElem).hide()相當於$(jQueryElem).style("display", "none")或elem.style.display = "none"，因爲你似乎對jQuery來說很新。