javascript - 通过索引从 Jquery 选择器获取元素

Question

我需要迭代 jQuery 选择器的元素并从每个元素获取某些数据。更具体地说，我需要获取 <p>来自他们的标签。
函数.get(index)效果很好，并且它获得了正确的元素，但是我无法获得 <p>元素。

var n_rows = $('#r_data_5').text();
var data = $('#datos_ocultos > ul > li');
var index = 0;
for (let i = 0; i< parseInt(n_rows); i++){
 for(let j=index; j<4;j++){
  var a = data.get(index).find('#r_data_0').text(); //this is getting an error
 }
}

<div id="datos_ocultos" style="display: none;">
 <p class="report_data" id="r_data_5">
  <t t-esc="number_rows" />
  </p>
  <ul>
   <t t-foreach="report_ids" t-as="report">
    <t t-if="report.teacher_id and report.subject_id">
     <li>
      <p class="report_data" id="r_data_0">
       <t t-esc="report.teacher_id.name " />
      </p>
      <p class="report_data" id="r_data_1">
       <t t-esc="report.subject_id.display_name " />
      </p>
      <p class="report_data" id="r_data_2">
       <t t-esc="report.course_id.display_name " />
      </p>
      <p class="report_data" id="r_data_3">
       <t t-esc="report.teacher_id.work_email " />
      </p>
//more code

Error: Uncaught TypeError: data.get(...).find is not a function

Answer 1

.get(ix) 生成该索引处的 DOMNode。您想要使用 .eq(ix) 获取 jQuery 对象，以便能够运行 .find 操作等。

您还可以使用 DOM 节点作为选择器的上下文:

var a = $('.r_data_0', data.get(index)).text();

另请注意，我已更新选择器以按类别而不是 ID 进行搜索。如果没有相应的标记更改，这当然不会起作用。

您需要进行更改，因为 ID 在文档中应该是唯一的，并且选择器基于该假设进行工作。