Selen XPATH, wie Text von Span-Tag unterhalb den Eingangs-ID-Tag erhalten

Question

Ich habe folgende HTML Code:

<div> 
    <span class="gwt-InlineLabel myinlineblock" style="display: none;" aria-hidden="true">Go to row</span> 
    <input id="data_configuration_view_preview_ib_row" class="gwt-IntegerBox marginleft red" type="text" size="8"/> 
    <span class="gwt-InlineLabel error myinlineblock marginleft" style="width: 7ex;" aria-hidden="false">Error!</span> 
</div> 

Ich versuche, den Text Fehler zu finden!

Ich beginne von der Eingabe ID-Tag als das hat eine ID. Ich bin nicht in der Lage, zu dem Span-Tag zu gehen, der den Text Fehler hat!

Mein XPath von der ID zu starten ist:

//input[@id="data_configuration_view_preview_ib_row"] 

ich versucht habe:

//input[@id="data_configuration_view_preview_ib_row"]/span[contains(text(), "Error!")] 

Welche CSS oder XPath kann ich den Text Fehler finden !?

Ich habe es geschafft, das Element mit der folgenden XPath suchen:

//input[@id="data_configuration_view_preview_ib_row"]//following-sibling::span[contains(text(), "Error!")] 

Danke, Riaz

Answer 1

können Sie verwenden cssSelector als:

• mit error Klasse mit ID

  span.error 
  

• mit mit data_configuration_view_preview_ib_row

  #data_configuration_view_preview_ib_row + span.error 
  

oder Sie könnenverwendenals:

• mit error-Klasse

  //span[contains(@class, 'error')] 
  

• mit preceding id mit data_configuration_view_preview_ib_row

  //span[preceding::*[@id = 'data_configuration_view_preview_ib_row']] 
  

• mit preceding-sibling id mit data_configuration_view_preview_ib_row

  //span[preceding-sibling::*[@id = 'data_configuration_view_preview_ib_row']] 
  

Hoffe, es hilft .. :)

Answer 2

Verwenden Sie die Achse following-sibling das nächste Element auf dem gleichen Niveau zu erhalten:

//input[@id="data_configuration_view_preview_ib_row"]/following-sibling::span 

Sie können auch einen CSS-Selektor verwenden:

#data_configuration_view_preview_ib_row + span