按内容查找 div

【问题标题】：Find div by contents按内容查找 div
【发布时间】：2021-03-30 02:59:19
【问题描述】：

我有以下一行 div：

<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

我要查找的是包含 h2: "lee", p: "abcd" 和 h5: "You, 2020/12/25 3:14:15 PM" 的 div，以及它的顺序（第一个“当前任务”类 = 0，第二个 = 1，依此类推）

【问题讨论】：

标签： javascript html arrays sorting arraylist

【解决方案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"&&p=="abcd"&&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>

【讨论】：