Javascript 在元素悬停时显示跨度

我在HTML中设置了两个跨距，如下所示

<span class="job_title">Job Title</span>
<span class="benefits">Benefits description</span>

---

您最接近的语句是在dom中查找.jobs\u可用li a，这表明您的.jobs\u可用li a位于另一个.jobs\u可用li a中。我认为应该是

$（this）.next（'.jobtitle'）.hide（）

---

有更多的html来查看.jobs\u可用li a相对于其他元素的位置也会有所帮助。

最接近的语句是沿着dom查找.jobs\u可用li a，这表明你的.jobs\u可用li a位于另一个.jobs\u可用li a中。我认为应该是

$（this）.next（'.jobtitle'）.hide（）

---

如果有更多的html来查看可用的.jobs\u li a相对于其他元素的位置，这也会有所帮助。

当鼠标悬停在.job\u title上时，可以将其隐藏起来，这样就不会再将鼠标悬停在上面。这是个问题

这将解决以下问题：

<span class="hwrapper">
  <span class="job_title">Job Title</span>
  <span class="benefits">Benefits description</span>
</span>

<style>
.hwrapper .benefits { display: none; }
.hwrapper:hover .benefits { display: inline; }
.hwrapper:hover .job_title { display: inline; }
</style>

职位名称
利益描述
.hwraper.benefits{display:none；}
.hwraper:hover.benefits{display:inline；}
.hwraper:hover.job_title{display:inline；}

没有Javascript

---

Element:hover

在IE7+中工作。（在IE6中，只有

A

有一个CSS

：hover

状态。）

当悬停

.job\u title

时，将其隐藏，以便不再在其上悬停。这是个问题

这将解决以下问题：

<span class="hwrapper">
  <span class="job_title">Job Title</span>
  <span class="benefits">Benefits description</span>
</span>

<style>
.hwrapper .benefits { display: none; }
.hwrapper:hover .benefits { display: inline; }
.hwrapper:hover .job_title { display: inline; }
</style>

职位名称
利益描述
.hwraper.benefits{display:none；}
.hwraper:hover.benefits{display:inline；}
.hwraper:hover.job_title{display:inline；}

没有Javascript

---

Element:hover

在IE7+中工作。（在IE6中，只有

A

具有CSS

：hover

状态。）

您需要提供更多html。你的

jobs\u在哪里可用

、li和anchor？从逻辑上讲，这不起作用，因为当你显示

.benefits

（并隐藏

.job\u title

）时，你将不再悬停在

.job\u title

，这将改变视图，再次悬停在

.job\u title

，这将改变视图回等，你需要提供更多的html。你的

jobs\u在哪里可用

、li和anchor？从逻辑上讲，这不起作用，因为当你显示

.benefits

（并隐藏

.job\u title

）时，你将不再悬停在

.job\u title

，这将改变视图，再次悬停在

.job\u title

，这会改变视图，等等。我相信IE一直到9都不能识别悬停、活动或聚焦在最右边的选择器上。在IE8（我选择的浏览器！）中工作正常：我相信IE一直到9都不能识别悬停、活动或聚焦在最右边的选择器上。在IE8中工作正常（我选择的浏览器！）：