title: Get elements from a Jquery selector via index
body: <p>I need to iterate the elements of a jQuery selector and obtain certain data from each element. More specifically, I need to obtain the <code>&lt;p&gt;</code> tags from them.<br>
  The function <code>.get(index)</code> works well, and it gets the correct element, but then I can't obtain the <code>&lt;p&gt;</code> elements. </p>
  
  <pre><code>var n_rows = $('#r_data_5').text();
  var data = $('#datos_ocultos &gt; ul &gt; li');
  var index = 0;
  for (let i = 0; i&lt; parseInt(n_rows); i++){
   for(let j=index; j&lt;4;j++){
    var a = data.get(index).find('#r_data_0').text(); //this is getting an error
   }
  }
  </code></pre>
  
  <pre><code>&lt;div id="datos_ocultos" style="display: none;"&gt;
   &lt;p class="report_data" id="r_data_5"&gt;
    &lt;t t-esc="number_rows" /&gt;
    &lt;/p&gt;
    &lt;ul&gt;
     &lt;t t-foreach="report_ids" t-as="report"&gt;
      &lt;t t-if="report.teacher_id and report.subject_id"&gt;
       &lt;li&gt;
        &lt;p class="report_data" id="r_data_0"&gt;
         &lt;t t-esc="report.teacher_id.name " /&gt;
        &lt;/p&gt;
        &lt;p class="report_data" id="r_data_1"&gt;
         &lt;t t-esc="report.subject_id.display_name " /&gt;
        &lt;/p&gt;
        &lt;p class="report_data" id="r_data_2"&gt;
         &lt;t t-esc="report.course_id.display_name " /&gt;
        &lt;/p&gt;
        &lt;p class="report_data" id="r_data_3"&gt;
         &lt;t t-esc="report.teacher_id.work_email " /&gt;
        &lt;/p&gt;
  //more code
  </code></pre>
  
  <blockquote>
    <p>Error: Uncaught TypeError: data.get(...).find is not a function</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/yJVMH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yJVMH.png" alt="enter image description here"></a></p>