使用JQuery選擇相似的DOM元素

Question

我正在編寫chrome插件，並通過ycombinator新聞對其進行了測試

我可以獲取新聞鏈接的CSS選擇器。 以下是前三個鏈接的CSS選擇器

html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(1) > td:nth-child(3) > a
html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(4) > td:nth-child(3) > a
html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(7) > td:nth-child(3) > a

現在，我想使用前兩個或三個CSS選擇器選擇所有其他類似的鏈接。 它可以是任何其他元素，也不僅可以是鏈接。 jquery中有什么方法可以實現這一點。

Answer 1

您可以使用多重選擇器運算符（“，”）： https : //api.jquery.com/multiple-selector/

$("html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(1) > td:nth-child(3) > a, 
html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(4) > td:nth-child(3) > a, 
html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(7) > td:nth-child(3) > a")

或者，更恰當地：

$("html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody").find("tr:nth-child(1), tr:nth-child(4), tr:nth-child(7)").find("td:nth-child(3) > a")

Answer 2

您可以使用~ ：

html > body > ... > td:nth-child(3) > a ~ p

這將選擇所有段落的父內a或我要說的是同級元素p

Answer 3

據我了解的問題，您想要作為CSS規則：

html > body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(3n+1) > td:nth-child(3) > *

請參閱： tr:nth-child(3n+1) ，其目標是1,4,7,10等... ＆ > *以獲取所有類型的孩子，而不僅僅是錨點