为了账号安全,请及时绑定邮箱和手机立即绑定

在 HTML DOM 树中查找元素的父元素

在 HTML DOM 树中查找元素的父元素

Smart猫小萌 2023-10-04 15:26:23
我试图找到带有标签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
查看完整描述

1 回答

?
萧十郎

TA贡献1815条经验 获得超13个赞

您可以尝试使用下面的 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>&nbsp; 

       </div>

   </div>

  </div> // closes input-v3 class

</lib-text-input-v3>

<lib-text-input-v3>…..

</lib-text-input-v3></div></body></html>

https://img1.sycdn.imooc.com//651d13e30001eb9908700394.jpg

查看完整回答
反对 回复 2023-10-04
  • 1 回答
  • 0 关注
  • 72 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信