Làm thế nào để chọn các phần tử anh em trong XPath (phần tử anh em trước & phần tử anh em sau)

Câu trả lời

Để chọn các phần tử anh em trong XPath, sử dụng các trục preceding-sibling và following-sibling. Những trục này cho phép bạn di chuyển ngang trong DOM, chọn các phần tử có cùng cha trước hoặc sau một nút tham chiếu, giúp trích xuất dữ liệu chính xác trong HTML có cấu trúc hoặc bán cấu trúc.

Giải thích chi tiết

XPath cung cấp nhiều trục điều hướng để duyệt qua DOM, và việc chọn phần tử anh em là một trong những kỹ thuật hữu ích nhất trong quét web và quy trình tự động hóa. Các phần tử anh em là các nút có cùng cha trong cấu trúc tài liệu, làm cho chúng đặc biệt hữu ích khi các phần tử mục tiêu không có các thuộc tính hoặc định danh duy nhất.

Trục following-sibling:: chọn tất cả các nút xuất hiện sau nút hiện tại ở cùng cấp độ, trong khi preceding-sibling:: chọn những nút xuất hiện trước nó. Ví dụ, //label[text()='Email']/following-sibling::input có thể tìm thấy trường nhập liệu liên quan đến nhãn.

Bạn có thể tinh chỉnh các truy vấn này bằng cách thêm các bộ lọc, chỉ số hoặc điều kiện. Ví dụ, following-sibling::*[1] chọn chỉ phần tử anh em ngay lập tức tiếp theo, trong khi kết hợp các điều kiện như [preceding-sibling::h2 and following-sibling::h2] cho phép bạn tách biệt các phần tử giữa các điểm đánh dấu cụ thể.

Kỹ thuật này được sử dụng rộng rãi trong việc quét trang web động, trích xuất các khối có cấu trúc (ví dụ: thông số sản phẩm, bảng), và duyệt bố cục khi các phần tử phụ thuộc vào ngữ cảnh thay vì được xác định duy nhất.

Giải pháp / Phương pháp

• Sử dụng các trục phần tử anh em định hướng: Áp dụng preceding-sibling::tag hoặc following-sibling::tag để di chuyển tương đối với một phần tử đã biết. Điều này hiệu quả khi các phần tử được nhóm nhưng không có thuộc tính duy nhất.
• Kết hợp với điều kiện và chỉ số: Sử dụng các bộ lọc như [1], [last()] hoặc bộ lọc thuộc tính để thu hẹp kết quả. Ví dụ, //div/following-sibling::p[1] chọn đoạn văn đầu tiên sau một phần tử div.
• Xử lý trang được bảo vệ bởi quản lý bảo mật: Khi trích xuất dữ liệu dựa trên phần tử anh em từ các trang web được bảo vệ, tự động hóa có thể kích hoạt các thử thách CAPTCHA. Các giải pháp như CapSolver có thể giúp giải quyết các gián đoạn do CAPTCHA, đảm bảo quy trình quét dựa trên XPath tiếp tục hoạt động đáng tin cậy mà không cần can thiệp thủ công.

Thực hành tốt / Mẹo

• Ưu tiên các biểu thức XPath tương đối thay vì đường dẫn tuyệt đối để tăng độ bền trước các thay đổi trong DOM.
• Sử dụng các bộ chọn đại diện (*) khi kiểu phần tử thay đổi nhưng cấu trúc vẫn giữ nguyên.
• Kết hợp các trục phần tử anh em với điều hướng cha hoặc tổ tiên để xử lý các bố cục phức tạp.
• Kiểm tra các truy vấn XPath trong công cụ phát triển của trình duyệt hoặc khung tự động hóa trước khi mở rộng các nhiệm vụ quét.

👉 Liên quan:

• Cách trích xuất dữ liệu có cấu trúc
• Giải quyết CAPTCHA khi quét web 2026

Sử dụng mã FAQ khi đăng ký tại CapSolver để nhận thêm 5% tiền thưởng khi nạp tiền.

FAQ CapSolver — capsolver.com