Javascript 是否更改悬停时父div上的文本？

我的想法是，我有一些东西在HTML中看起来像这样

<h1> A title </h1>

<h2> Under title <h2>
<ul>
<li> something </li>
<li> something else </li>
<li> something third </li>

标题
标题下

某物
别的
第三件事

我希望这样做，当我将鼠标悬停在“某物”上时，该项目本身会产生悬停效果，“标题”中的文本会更改为其他类似“此标题”的内容？？其他列表项也是如此

---

你会怎么做？？我一直在CSS和JS中搜索各种悬停状态。。我现在猜测它必须是某种JavaScript

使用onHover HTML属性并将其指向Javascript方法或代码

HTML:

工作演示：

$（'ul'）。在({
mouseenter:function（）{
$（'h1'）.text（'This title'）；
},
mouseleave:function（）{
$（'h1'）。文本（'A title'）；
}
});
li:悬停{
背景颜色：黄色；
}

头衔
标题下

某物
别的
第三件事
您已经用jQuery进行了标记，所以让我们用一点css进行标记。我还使用了来存储标题文本


var initTitle=$（“#target”）.html（）；
$（“ul li”）.hover（函数（）{
$（此）.addClass（“活动”）；
$（“#target”）.html（$（this.data（“title”））.addClass（“active”）；
},
函数（）{
$（此）.removeClass（“活动”）；
$（“#目标”）.html（initTitle）.removeClass（“活动”）；
}
);
/*在此处更改您想要的内容以获得hilite效果*/
.主动{
颜色：#f00；
}

头衔
标题下


还有别的吗
第三种东西
搜索工具提示js工具提示可以像
一样简单吗？不，当其他东西悬停时，OP想要对
h1产生效果。这就是我想要的！谢谢但是，如果您想在将鼠标悬停在“其他东西”上时将h1更改为第三个东西，在将鼠标悬停在第三个东西上时将h1更改为第四个东西，那么我需要向代码中添加什么才能使其工作呢？那么，您将设置不同的处理程序，而不是在包装整个列表的
ul
元素上设置处理程序，在不同的
li
元素上。您可以使用
$（'li:eq（0）
）选择第一个li，使用
$（'li:eq（1）
）选择第二个li，依此类推。从技术上讲，您也可以在
ul
上只设置一个处理程序，并在处理程序函数中分析哪个元素是事件的“源”，假设您将参数
event
添加到处理程序中。如果你要和很多教练打交道，这是一件好事，但我建议你做你更喜欢做的事情。太棒了！谢谢你的帮助！让它按我想要的那样工作！：-）
<h1 id="title" onHover="changeText()>A title</h1>

function changeText(){
    document.getElementById('title').innerHTML = 'You are hovering!';
}