How to write Xpath for next Div using Sibling











up vote
0
down vote

favorite












I want to read the Tax Price using the sibling concept, so I have I've written below XPath, but it's not working



My code:



//div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/following-sibling::div


HTML:



<div class="grid_3 d-grid_10"> 
<label class="m-confirmation-modal-print-detail-capgrey"> Tax:</label>
</div>
<div class="grid_1 d-grid_2">
<label class="m-confirmation-modal-print-price text-align-right"> $10.50</label>
</div>









share|improve this question
























  • What is the element you are trying to locate? post the html
    – Guy
    Nov 20 at 9:43















up vote
0
down vote

favorite












I want to read the Tax Price using the sibling concept, so I have I've written below XPath, but it's not working



My code:



//div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/following-sibling::div


HTML:



<div class="grid_3 d-grid_10"> 
<label class="m-confirmation-modal-print-detail-capgrey"> Tax:</label>
</div>
<div class="grid_1 d-grid_2">
<label class="m-confirmation-modal-print-price text-align-right"> $10.50</label>
</div>









share|improve this question
























  • What is the element you are trying to locate? post the html
    – Guy
    Nov 20 at 9:43













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I want to read the Tax Price using the sibling concept, so I have I've written below XPath, but it's not working



My code:



//div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/following-sibling::div


HTML:



<div class="grid_3 d-grid_10"> 
<label class="m-confirmation-modal-print-detail-capgrey"> Tax:</label>
</div>
<div class="grid_1 d-grid_2">
<label class="m-confirmation-modal-print-price text-align-right"> $10.50</label>
</div>









share|improve this question















I want to read the Tax Price using the sibling concept, so I have I've written below XPath, but it's not working



My code:



//div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/following-sibling::div


HTML:



<div class="grid_3 d-grid_10"> 
<label class="m-confirmation-modal-print-detail-capgrey"> Tax:</label>
</div>
<div class="grid_1 d-grid_2">
<label class="m-confirmation-modal-print-price text-align-right"> $10.50</label>
</div>






selenium selenium-webdriver xpath






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 20 at 12:19









Andersson

36.1k103066




36.1k103066










asked Nov 20 at 9:40









Smart coder

15




15












  • What is the element you are trying to locate? post the html
    – Guy
    Nov 20 at 9:43


















  • What is the element you are trying to locate? post the html
    – Guy
    Nov 20 at 9:43
















What is the element you are trying to locate? post the html
– Guy
Nov 20 at 9:43




What is the element you are trying to locate? post the html
– Guy
Nov 20 at 9:43












3 Answers
3






active

oldest

votes

















up vote
0
down vote



accepted










To read the Tax Price i.e. $10.50 using text Tax within the ancestor node, you need to locate the <label> node with text as Tax: first. Then with respect to this node you need to locate the following <div> node which have a decedent node containing the required text i.e. $10.50 and to achieve that you can use the following solution:





  • XPath:



    //label[@class='m-confirmation-modal-print-detail-capgrey' and contains(.,'Tax')]//following::div[1]/label







share|improve this answer




























    up vote
    0
    down vote













    The second <div> is a sibling of the first one, not of the child <label>. You need to go back to the parent <div> first using .. or parent::div



    //div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/parent::div/following-sibling::div


    As suggested in the comments you can simplify it by starting the xpath with the "Tax" <label>



    //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div





    share|improve this answer



















    • 1




      This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
      – Andersson
      Nov 20 at 9:53




















    up vote
    0
    down vote













    You can use this :



    //label[contains(text(), 'Tax')]/../following-sibling::div





    share|improve this answer





















      Your Answer






      StackExchange.ifUsing("editor", function () {
      StackExchange.using("externalEditor", function () {
      StackExchange.using("snippets", function () {
      StackExchange.snippets.init();
      });
      });
      }, "code-snippets");

      StackExchange.ready(function() {
      var channelOptions = {
      tags: "".split(" "),
      id: "1"
      };
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function() {
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled) {
      StackExchange.using("snippets", function() {
      createEditor();
      });
      }
      else {
      createEditor();
      }
      });

      function createEditor() {
      StackExchange.prepareEditor({
      heartbeatType: 'answer',
      convertImagesToLinks: true,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: 10,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














      draft saved

      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390094%2fhow-to-write-xpath-for-next-div-using-sibling%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      3 Answers
      3






      active

      oldest

      votes








      3 Answers
      3






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes








      up vote
      0
      down vote



      accepted










      To read the Tax Price i.e. $10.50 using text Tax within the ancestor node, you need to locate the <label> node with text as Tax: first. Then with respect to this node you need to locate the following <div> node which have a decedent node containing the required text i.e. $10.50 and to achieve that you can use the following solution:





      • XPath:



        //label[@class='m-confirmation-modal-print-detail-capgrey' and contains(.,'Tax')]//following::div[1]/label







      share|improve this answer

























        up vote
        0
        down vote



        accepted










        To read the Tax Price i.e. $10.50 using text Tax within the ancestor node, you need to locate the <label> node with text as Tax: first. Then with respect to this node you need to locate the following <div> node which have a decedent node containing the required text i.e. $10.50 and to achieve that you can use the following solution:





        • XPath:



          //label[@class='m-confirmation-modal-print-detail-capgrey' and contains(.,'Tax')]//following::div[1]/label







        share|improve this answer























          up vote
          0
          down vote



          accepted







          up vote
          0
          down vote



          accepted






          To read the Tax Price i.e. $10.50 using text Tax within the ancestor node, you need to locate the <label> node with text as Tax: first. Then with respect to this node you need to locate the following <div> node which have a decedent node containing the required text i.e. $10.50 and to achieve that you can use the following solution:





          • XPath:



            //label[@class='m-confirmation-modal-print-detail-capgrey' and contains(.,'Tax')]//following::div[1]/label







          share|improve this answer












          To read the Tax Price i.e. $10.50 using text Tax within the ancestor node, you need to locate the <label> node with text as Tax: first. Then with respect to this node you need to locate the following <div> node which have a decedent node containing the required text i.e. $10.50 and to achieve that you can use the following solution:





          • XPath:



            //label[@class='m-confirmation-modal-print-detail-capgrey' and contains(.,'Tax')]//following::div[1]/label








          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 20 at 11:14









          DebanjanB

          37.4k73373




          37.4k73373
























              up vote
              0
              down vote













              The second <div> is a sibling of the first one, not of the child <label>. You need to go back to the parent <div> first using .. or parent::div



              //div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/parent::div/following-sibling::div


              As suggested in the comments you can simplify it by starting the xpath with the "Tax" <label>



              //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div





              share|improve this answer



















              • 1




                This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
                – Andersson
                Nov 20 at 9:53

















              up vote
              0
              down vote













              The second <div> is a sibling of the first one, not of the child <label>. You need to go back to the parent <div> first using .. or parent::div



              //div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/parent::div/following-sibling::div


              As suggested in the comments you can simplify it by starting the xpath with the "Tax" <label>



              //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div





              share|improve this answer



















              • 1




                This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
                – Andersson
                Nov 20 at 9:53















              up vote
              0
              down vote










              up vote
              0
              down vote









              The second <div> is a sibling of the first one, not of the child <label>. You need to go back to the parent <div> first using .. or parent::div



              //div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/parent::div/following-sibling::div


              As suggested in the comments you can simplify it by starting the xpath with the "Tax" <label>



              //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div





              share|improve this answer














              The second <div> is a sibling of the first one, not of the child <label>. You need to go back to the parent <div> first using .. or parent::div



              //div[@class='grid_3 d-grid_10']//label[contains(text(), 'Tax')]/parent::div/following-sibling::div


              As suggested in the comments you can simplify it by starting the xpath with the "Tax" <label>



              //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div






              share|improve this answer














              share|improve this answer



              share|improve this answer








              edited Nov 20 at 9:58

























              answered Nov 20 at 9:48









              Guy

              18.2k62149




              18.2k62149








              • 1




                This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
                – Andersson
                Nov 20 at 9:53
















              • 1




                This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
                – Andersson
                Nov 20 at 9:53










              1




              1




              This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
              – Andersson
              Nov 20 at 9:53






              This kind of "recursion" : parent->child->parent can be simplified: //label[contains(text(), 'Tax')]/parent::div[@class='grid_3 d-grid_10']/following-sibling::div - no need to specify the same parent div twice
              – Andersson
              Nov 20 at 9:53












              up vote
              0
              down vote













              You can use this :



              //label[contains(text(), 'Tax')]/../following-sibling::div





              share|improve this answer

























                up vote
                0
                down vote













                You can use this :



                //label[contains(text(), 'Tax')]/../following-sibling::div





                share|improve this answer























                  up vote
                  0
                  down vote










                  up vote
                  0
                  down vote









                  You can use this :



                  //label[contains(text(), 'Tax')]/../following-sibling::div





                  share|improve this answer












                  You can use this :



                  //label[contains(text(), 'Tax')]/../following-sibling::div






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 20 at 10:30









                  Mahsa kia-rad

                  294




                  294






























                      draft saved

                      draft discarded




















































                      Thanks for contributing an answer to Stack Overflow!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.





                      Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                      Please pay close attention to the following guidance:


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390094%2fhow-to-write-xpath-for-next-div-using-sibling%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      To store a contact into the json file from server.js file using a class in NodeJS

                      Redirect URL with Chrome Remote Debugging Android Devices

                      Dieringhausen