如何獲得複雜的CSS選擇器的最後結果？

Question

<div id="container"> 
<p> 
<div>a</div> 
<div>b</div> 
<div><span>foo</span>c</div> 
</p> 
<p> 
<div>e</div> 
<div>f</div> 
</p> 
<p> 
<div>g</div> 
<div><span>foo</span>h</div> 
<div>i</div> 
</p> 
</div> 

我想得到包含foo的最後一個div，即div與h。

在線測試：http://try.jsoup.org/~Ef0KHIiN77L_DANA7e4SpYZSVEM

Answer 1

您不能單獨選擇這樣做。你能做的最好的是

#container div:has(span:containsOwn(foo)) 

但你仍然需要抓住單獨使用.last()運行後，選擇了最後一個元素。

Answer 2

我會試試這個，但它不是純粹的CSS解決方案，因爲您不能輕鬆選擇最後一個選擇元素。

Element el = doc.select("div:contains(foo):not(:has(div))").last(); 

我的選擇器選擇所有包含「foo」但不包含任何其他div的div。