Блог

Главная - Вопросы по программированию - Поиск div по содержимому

Поиск div по содержимому

#javascript #html #arrays #sorting #arraylist

#javascript #HTML #массивы #сортировка #arraylist

Вопрос:

У меня есть следующая строка divs:

 <div class="current-task"><div class="text-task"><h2 id="title-task">wee</h2><h5 id="time-inserted">You, 2020/12/19 3:26:02 PM</h5><p id="task-content">lkjs</p></div></div>
<div class="current-task"><div class="text-task"><h2 id="title-task">lee</h2><h5 id="time-inserted">You, 2020/12/25 3:14:15 PM</h5><p id="task-content">abcd</p></div></div> // the one I want to find

То, что я хочу найти, — это div, который содержит h2: «lee», p: «abcd» и h5: «You, 2020/12/25 3:14:15 PM», и в каком порядке он находится (первый с классом «текущая задача» = 0, второй = 1 и и так далее)

Ответ №1:

Вы можете сделать что-то вроде этого:

 var currentTasks = document.getElementsByClassName("current-task");
var i;
for(i = 0; i < currentTasks.length; i  ){
  var h2 = currentTasks[i].getElementsByTagName("h2")[0].textContent;
  var p = currentTasks[i].getElementsByTagName("p")[0].textContent;
  var h5 = currentTasks[i].getElementsByTagName("h5")[0].textContent;
  if(h2=="lee"amp;amp;p=="abcd"amp;amp;h5=="You, 2020/12/25 3:14:15 PM"){
    console.log(i);
  }
} 
 <div class="current-task"><div class="text-task"><h2 id="title-task">wee</h2><h5 id="time-inserted">You, 2020/12/19 3:26:02 PM</h5><p id="task-content">lkjs</p></div></div>
<div class="current-task"><div class="text-task"><h2 id="title-task">lee</h2><h5 id="time-inserted">You, 2020/12/25 3:14:15 PM</h5><p id="task-content">abcd</p></div></div>