如何通过JS更改悬停时直接相邻兄弟元素的CSS?

我想要更改悬停元素的直接相邻兄弟元素的css样式,所以如果我悬停元素4,元素3和5应该会添加一个新的css类。

这是一个包含预期结果的JSfiddle,以及到目前为止我得到的结果:

http://jsfiddle.net/uxa49myL/5/

$(document).ready(function() {
  $("h1").hover(function() {
    $(this).nextSibling.addClass("siblings");
    $(this).previousSibling.addClass("siblings");
  });
});

遗憾的是,nextSibling和previousSibling jquery函数并没有像我预期的那样工作。

转载请注明出处:http://www.starkdigitech.com/article/20230526/1195535.html