title: How to search particular element under some parent element without using Index of element
body: <p>I have a search box and when I search some Device I get results of all devices matching string, e.g. if I search AppleiPhone XS, a result I get will be Apple iPhone XS MAX, Apple iPhone XS DEMO DATA, Apple iPhone XS.</p>
  
  <p>Now I want to click on the link which is below Apple iPhone XS, but without using Index of that element i.e. without using eq. As some time result for other devices will give only 1 output.</p>
  
  <p><a href="https://i.stack.imgur.com/n62H0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n62H0.png" alt="enter image description here"></a></p>
  
  <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;div class="c-loadingIndicator-containment l-vertical-scrollParent"&gt;
      &lt;div class="l-vertical-list u-p+ ng-scope" ng-if="offeringsController.offerOptionViewModel.length &gt; 0"&gt;
                  &lt;div class="c-selectableOption-body"&gt;
                      &lt;div class="c-selectableOption-meta" ng-class="{'u-flexTop': selectableOptionController.useIdHeader}"&gt;
                          &lt;div ng-if="!selectableOptionController.useIdHeader" class="c-selectableOption-title ng-scope"&gt;
                              &lt;span title="Apple iPhone XS MAX" class="ng-binding"&gt;Apple iPhone XS MAX&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="c-selectableOption-extras"&gt;
                          &lt;div class="c-quickviewButton c-button c-button--link ng-binding ng-scope" ng-if="selectableOptionController.showQuickView" ng-click="selectableOptionController.quickViewClick(selectableOptionController.id)" ng-bind="::selectableOptionController.UILocaleKeys.QUICK_VIEW | i18n"&gt;quick view&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
                  &lt;div class="c-selectableOption-body"&gt;
                      &lt;div class="c-selectableOption-meta" ng-class="{'u-flexTop': selectableOptionController.useIdHeader}"&gt;
                          &lt;div ng-if="!selectableOptionController.useIdHeader" class="c-selectableOption-title ng-scope"&gt;
                              &lt;span title="Apple iPhone XS" class="ng-binding"&gt;Apple iPhone XS&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="c-selectableOption-extras"&gt;
                          &lt;div class="c-quickviewButton c-button c-button--link ng-binding ng-scope" ng-if="selectableOptionController.showQuickView" ng-click="selectableOptionController.quickViewClick(selectableOptionController.id)" ng-bind="::selectableOptionController.UILocaleKeys.QUICK_VIEW | i18n"&gt;quick view&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>