亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 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 關注
  • 130 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號