悬停时，突出显示div和具有相同文本的所有其他div

<div class="highlight">文本1</div>
<div class="highlight">文本2</div>
<div class="highlight">文本3</div>
<div class="highlight">文本4</div>

.highlight {
  background-color: yellow;
  border: 1px solid black;
  color: red;
}

.highlight:hover {
  background-color: orange;
  border: 2px solid blue;
  color: white;
}

var divs = document.getElementsByClassName("highlight");

for (var i = 0; i < divs.length; i++) {
  divs[i].addEventListener("mouseover", function() {
    this.classList.add("highlight-hover");
  });

  divs[i].addEventListener("mouseout", function() {
    this.classList.remove("highlight-hover");
  });
}