title: How to click on a child element
body: <p>There many items and I get object of the desired item. But I don't know how can I click on the child element in this object. 
  html:</p>
  
  <pre><code>  &lt;div class="item"&gt;
       &lt;div role="button" tabindex="-1"&gt;
          &lt;strong&gt;ItemName2&lt;/strong&gt;
       &lt;/div&gt;
       &lt;div class="d"&gt;
          &lt;div class="item-icon" role="button" tabindex="-1"  style="display: none"&gt;
            &lt;i aria-label="icon: add" class="add"&gt;&lt;/i&gt;    &lt;!-- I need to click on this Item  --&gt;
          &lt;/div&gt;
          &lt;div class="item-icon" role="button" tabindex="-1"  style="display: none"&gt;
            &lt;i aria-label="icon: del" class="del"&gt;&lt;/i&gt;
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="item"&gt; ... &lt;/div&gt;
    &lt;div class="item"&gt; ... &lt;/div&gt;
    &lt;div class="item"&gt; ... &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code> let fBtns = await driver.findElements(By.tagName('strong')); // Find all objects
   let buttons = fBtns.map(elem =&gt; elem.getText());
   const allButtons = await Promise.all(buttons);
     console.log(allButtons);  // All object names
   let current = fBtns[fBtns.length - 1];
     console.log(current);    // This is desired object
   await current.click();   // This is click on the object and operates as expected
    // But I need to click on the  &lt;i aria-label="icon: add" class="add"&gt; element
    // How can I click on the desired element?
  </code></pre>