title: Find Parent Sibling First Child's First Child using Jquery
body: <p>I'm trying to Use a combination of JS and Jquery here to select the input text (a few elements previous), when the button is clicked.</p>
  <p>I know how to do this just using JS but i want to understand how to do this using jQuery. I get the error message in console: TypeError: ele.setSelectionRange is not a function.  Which I take it means that it is not defining the Input Value the way I need it to.</p>
  <p>I'm not using ID or Class here to identify the input.</p>
  <p>Can someone help me here? Thanks</p>
  <p>JS</p>
  <pre><code>$(document).ready(function () {
    $('.jimmy').click(function(e){
    e.preventDefault;
    jimsFunction(this);
    });
  });
  
  function jimsFunction(input) {
    let ele = $(input).parent().siblings(':first-child').children();
    ele.select();
    ele.setSelectionRange(0, 99999);
    navigator.clipboard.writeText(ele.value);
    alert(&quot;Copied: &quot; + ele.value);
  }
  </code></pre>
  <p>HTML</p>
  <pre><code>      &lt;div class=&quot;colbody&quot;&gt;
          &lt;div&gt;
            &lt;input type=&quot;text&quot; value=&quot;www.brave.com&quot; readonly&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;a href=&quot;www.google.com&quot; target=&quot;_blank&quot;&gt;View&lt;/a&gt;                                
          &lt;/div&gt;
          &lt;div&gt;
            &lt;button type=&quot;button&quot; class=&quot;jimmy&quot;&gt;Copy URL&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;  
  </code></pre>