javascript - 鼠标悬停时如何更改段落文本？

Question

当悬停在第二个 div 上时，如何更改第二个段落的值？使用类而不使用 ID它应该检测到它以某种方式悬停的那个，或者至少我是这么认为的。

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute; /* Position the tooltip */
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<p>Move the mouse over the text below:</p>
<div class="tooltip">Hover over me
  <span class="tooltiptext">
  <p class=radio> Here is some data </p>
  </span>
</div>
<br>
<div class="tooltip">Hover over me
  <span class="tooltiptext">
  <p class=radio> Here is some data </p>
  </span>
</div>

Answer 1

呃，你的问题不清楚...但是，我试试...

<div class="tooltip">Hover over me
 <span class="tooltiptext">
   <p class="radio textchange"> Here is some data </p>
 </span>
</div>

和js

<script>
$(".textchange").on('mouseenter',function (){ //change text here })
</script>

我没试过，我按照我的想法写的