在 HTML DOM 树中查找元素的父元素
我试图找到带有标签First Name的 span 元素的父级，并向上查找 DOM，直到到达类为“ mat-input-element ”的输入元素我尝试使用以下 xpath，但没有得到结果我需要：
//div/div/span[contains(.,'First Name')]/parent::div[@class='add-users']/lib-text-input-v3/div/mat-form-field/div/div/div[1]/input
Smart猫小萌浏览 73回答 1
1回答
-
萧十郎
您可以尝试使用下面的 xpath。//span[normalize-space(.)='First Name']/ancestor::div[@class='input-v3']//input[@class='mat-input-element']示例 HTML：来自 jsfiddle<html><head></head><body> <div class="add-users"> <lib-text-input-v3 errortext="”Error" a="" valid="" first="" name”=""> <div class="input-v3"> <mat-form-field class="mat-form-field"> <div class="mat-form-field-wrapper"> <div class="mat-form-field-flex"> <div class="mat-form-field-infix"> <input class="mat-input-element" type="text"> <span class="mat-form-field-label-wrapper"> </span> </div> </div> <div class="mat-form-field-underline> <span class=" mat-form-field-ripple"=""> </div> <div class="mat-form-field-subscript-wrapper"> <div class="mat-form-field-hint-wrapper"> <div class="mat-form-field-hint-spacer"> </div> </div> </div> </div>. //closes mat-form-field-wrapper class </mat-form-field> <div class="input-v3__label"> // same level as input-v3 class <div class="input-v3__label--text"> <span class="ng-tns-c11-01">First Name </span> </div> </div> </div> // closes input-v3 class</lib-text-input-v3><lib-text-input-v3>…..</lib-text-input-v3></div></body></html>
随时随地看视频慕课网APP
相关分类
Html5