javascript - 使用 jQuery 将鼠标悬停事件传递给另一个事件

Question

考虑下面的 HTML

<span id='one'>one</span>
<span id='two'>two</span>

和CSS

span {
  background-color:green;
  display: inline;
  color: white;
}

span:hover {
  background-color:red;
}

我想要的是:当鼠标悬停two时，one也会悬停，所以我使用jQuery

$('#two').hover(function (e) {
    var p = $(this).prev().trigger(e.type);
});

似乎不起作用。

https://jsfiddle.net/59rnyj6f/

Answer 1

为什么不为其中一个添加一个类，比如说“伪悬停”，当 #two 悬停/未悬停时切换 #one 上的“伪悬停”类？

#one.pseudo-hover { background-color:red; }

$('#two').hover(function (e) {
    $("#one").addClass("pseudo-hover");
}, function (e) {
    $("#one").removeClass("pseudo-hover");
})