title: find element with differnt ID and different XPATh on each session
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section class="row line-details-main-section" ng-if="$lineDetails.userFactory.accountData"&gt;
  &lt;div class="constrain-width-1024"&gt;
  &lt;div class="col-xs-12 col-md-offset-2 col-md-8"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-xs-12 no-gutter-md no-gutter-lg"&gt;
  &lt;line-details-multiline form-content="$lineDetails.content" current-line="$lineDetails.currentLine"&gt;
  &lt;!----&gt;
  &lt;div ng-if="$lineDetails.currentLine &amp;&amp; $lineDetails.currentLine.details.ctn"&gt;
  &lt;line-details-plan form-content="$lineDetails.content" current-line="$lineDetails.currentLine"&gt;
  &lt;line-details-features form-content="$lineDetails.content" current-line="$lineDetails.currentLine"&gt;
  &lt;line-details-device form-content="$lineDetails.content" current-line="$lineDetails.currentLine"&gt;
  &lt;line-details-rewards form-content="$lineDetails.content" current-line="$lineDetails.currentLine"&gt;
  &lt;myc-panel class="line-details-rewards" panel-title="rewardsCtrl.formContent.linedetailsCricketRewardsTitle" collapsible="true" collapsed="rewardsCtrl.planCollapse"&gt;
  &lt;div class="panel panel-myc col-xs-12 no-gutter" ng-class="{'no-margin-bottom': $panel.last }"&gt;
  &lt;!----&gt;
  &lt;!----&gt;
  &lt;div class="clearfix panel-heading has-focus collapsible bg-darkgrey" ng-if="$panel.collapsible" ng-class="{'has-sub-heading': $panel.subHeading}" role="button" aria-controls="grjtg" ng-click="$panel.collapsed = !$panel.collapsed" tabindex="0"&gt;
  &lt;!----&gt;
  &lt;!----&gt;
  &lt;!----&gt;
  &lt;!----&gt;
  &lt;div id="grjtg" class="clearfix panel-body in collapse" ng-if="$panel.isBody" uib-collapse="$panel.collapsible &amp;&amp; $panel.collapsed" ng-transclude="body" aria-expanded="true" aria-hidden="false" style="height: auto;"&gt;
  &lt;/div&gt;
  &lt;/myc-panel&gt;
  &lt;/line-details-rewards&gt;
  &lt;/div&gt;
  &lt;!----&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/section&gt;
  &lt;!----&gt;
  &lt;/line-details&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have an element which changes xpath every time but the problem is that it changes the ID.
  e.g</p>
  
  <pre><code>//*[@id='elrgv']/myc-panel-body/div[1]/div/div
  //*[@id='cdtxe']/myc-panel-body/div[1]/div/div
  //*[@id='lhyxe']/myc-panel-body/div[1]/div/div
  </code></pre>
  
  <p>These are the 3 different xpaths on 3 clicks.I know how to handle if the ID is fixed but here the ID is changing.Please chelp</p>