How to get first element children after td tag jsoup java

Question

I need help. I want to get all td text of this table in this web https://www.servientrega.com/RastreoContado/RastreoContado2.faces?idGuia=2003159909&idPais=1

Table with information what I want - image

. But there is a special td tag with a hyperlink.

I only I want to get the of the detail package table.

special td tag - image

My result and that I don't want - image

EDIT:

I want to get the rows of the tbody with id=form01:tableEx4_data the third image has what I want.

PART OF CODE THE WEB https://www.servientrega.com/RastreoContado/RastreoContado2.faces?idGuia=2003159909&idPais=1 :

    <tbody id="form01:tableEx4_data" class="ui-datatable-data ui-widget-content">
 <tr data-ri="0" class="ui-widget-content ui-datatable-even" role="row">
  <td role="gridcell"><span class="outputText">GUIA GENERADA</span></td>
  <td role="gridcell"><span class="outputText">BOGOTA (CUNDINAMARCA)</span></td>
  <td role="gridcell"><span class="outputText">04/04/2018 17:33:05</span></td>
 </tr>
 <tr data-ri="1" class="ui-widget-content ui-datatable-odd" role="row">
  <td role="gridcell"><span class="outputText">INGRESO AL CENTRO LOGISTICO</span></td>
  <td role="gridcell"><span class="outputText">BOGOTA (CUNDINAMARCA)</span></td>
  <td role="gridcell"><span class="outputText">04/05/2018 01:35:25</span></td>
 </tr>
 <tr data-ri="2" class="ui-widget-content ui-datatable-even" role="row">
  <td role="gridcell"><a href="#" id="form01:tableEx4:2:linkDesMov11" name="form01:tableEx4:2:linkDesMov11">SALIO A CIUDAD DESTINO</a>
   <div id="form01:tableEx4:2:tooltip_linkDesMov11" class="ui-tooltip ui-widget ui-widget-content ui-shadow ui-corner-all"> 
    <div> 
     <div style="display: none;">
      Tipo moviento: |2|
     </div>
     <table id="form01:tableEx4:2:j_id1394398698_531cdaa3" class="ui-panelgrid ui-widget dataTableEx" style="min-width: 200px; max-width: 400px;" role="grid">
      <tbody>
       <tr class="ui-widget-content" role="row">
        <td role="gridcell">
         <table id="form01:tableEx4:2:j_id1394398698_531cda89" class="ui-panelgrid ui-widget headerClass2" style="width: 100%; min-width: 200px; max-width: 400px;" role="grid">
          <tbody>
           <tr class="ui-widget-content" role="row"></tr>
           <tr class="ui-widget-content" role="row">
            <td role="gridcell"><span style="width: 100%" class="outputText">Novedad</span></td>
           </tr>
          </tbody>
         </table></td>
       </tr>
       <tr class="ui-widget-content" role="row">
        <td role="gridcell">
         <table id="form01:tableEx4:2:j_id1394398698_531cda7d" class="ui-panelgrid ui-widget headerClass2" style="width: 100%; min-width: 200px; max-width: 400px;" role="grid">
          <tbody>
           <tr class="ui-widget-content" role="row"></tr>
           <tr class="ui-widget-content" role="row">
            <td role="gridcell"><span style="width: 30%" class="outputText">Fecha Probable Entrega</span></td>
            <td role="gridcell"><span style="width: 70%" class="outputText">Descripción de la novedad</span></td>
           </tr>
          </tbody>
         </table></td>
       </tr>
       <tr class="ui-widget-content" role="row">
        <td role="gridcell">
         <table id="form01:tableEx4:2:j_id1394398698_531cda0f" class="ui-panelgrid ui-widget" style="width: 100%; min-width: 200px; max-width: 400px;" role="grid">
          <tbody>
           <tr class="ui-widget-content" role="row"></tr>
           <tr class="ui-widget-content" role="row">
            <td role="gridcell"><span style="width: 30%" class="outputText">07/04/2018</span></td>
            <td role="gridcell"><span style="width: 70%" class="outputText"></span></td>
           </tr>
          </tbody>
         </table></td>
       </tr>
      </tbody>
     </table> 
    </div>
   </div>

I can get td tags like (rows of table): GUIA GENERADA,BOGOTA (CUNDINAMARCA), 04/04/2018 17:33:05 - INGRESO AL CENTRO LOGISTICO, BOGOTA (CUNDINAMARCA), 04/05/2018 01:35:25 BUT the row "SALIO A CIUDAD DESTINO" it shows more details what I don't want. Only I want the text "SALIO A CIUDAD DESTINO".

Answer 1

Maybe this can help you.

WebElement datewidget = driver
            .findElement(By.id("form01:tableEx4_data"));
    List<WebElement> rows = datewidget.findElements(By.tagName("tr"));
    List<WebElement> columns = datewidget.findElements(By.tagName("td"));

    for (WebElement cell : columns) {
        if (cell.getText().equals("SALIO A CIUDAD DESTINO")) {
            cell.click();
            break;
        }
    }

Answer 2

If you are using Jsoup, the code below might help you.

 Element form = document.getElementById("form01:tableEx4_data");
 Elements tdList = form.getElementsByTag("td");
 for(Element td: tdList) {
       System.out.println(td.text()); // td.text() is different from td.html() 
  }

The result will be like:

GUIA GENERADA
BOGOTA (CUNDINAMARCA)
04/04/2018 17:33:05
INGRESO AL CENTRO LOGISTICO
BOGOTA (CUNDINAMARCA)
04/05/2018 01:35:25
SALIO A CIUDAD DESTINO
BOGOTA (CUNDINAMARCA)
04/05/2018 22:43:17
INGRESO AL CENTRO LOGISTICO
BARRANQUILLA (ATLANTICO)
04/06/2018 23:57:50
EN ZONA DE DISTRIBUCION
BARRANQUILLA (ATLANTICO)
04/09/2018 06:24:10
REPORTADO ENTREGADO
BARRANQUILLA (ATLANTICO)
04/09/2018 12:48:58
ENTREGA VERIFICADA
BARRANQUILLA (ATLANTICO)
04/09/2018 17:54:44

However, if you are using another library, you can also get the text between 'a' tag using regex.

String s = "<a href=\"https://www.servientrega.com/RastreoContado/RastreoContado2.faces?idGuia=2003159909&amp;idPais=1#\" id=\"form01:tableEx4:2:linkDesMov11\" name=\"form01:tableEx4:2:linkDesMov11\">SALIO A CIUDAD DESTINO</a>";
final Pattern pattern = Pattern.compile(">(.+?)<");
final Matcher matcher = pattern.matcher(s);
matcher.find();
System.out.println(matcher.group(1));

In this case, the result will be:

SALIO A CIUDAD DESTINO