如何利用 selenium 使用 css 選擇器獲取所有元素的直接子級元素?
我們可以用 css 選擇器獲取所有元素的直接子元素。我們必須使用 findElements() 方法來獲取直接子元素。此方法將返回一個匹配 css 選擇器的元素列表。
如果我們在 css 選擇器中需要從父級遍歷到子級,我們使用 > 符號。要獲取所有直接子元素,我們必須在 css 表示式中指定父節點後的 * 符號。因此,定製的 css 應該是 parent > *。
對於 <ul class="toc chapter">,直接子元素的 css 應該為 ul.toc.chapters >*。

範例
程式碼實現。
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import java.util.List;
public class ImdtChildrenCss{
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
WebDriver driver = new ChromeDriver();
String url = "https://tutorialspoint.tw/about/about_careers.htm";
driver.get(url);
driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
// identify and store immediate children of parent in css
List<WebElement> l = driver.findElements(By.cssSelector("ul.toc.chapters" + ">*"));
// Iterate list and get the children
for (int i =0; i< l.size(); i++) {
System.out.println(l.get(i).getText());
}
driver.quit();
}
}輸出

廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP