php - 如何设置:hover on a li(A) when hover an other li(B)

Question

我每天都是一名 iOS 开发人员，但我正在努力为一位使用 php 和 jquery 的 friend 提供帮助，因为我已经很长时间没有使用 Jquery 了，我想请你们帮忙 :)

假设我得到了一个唯一的 ID

< li class="listname" value="'.$id.'">

当我悬停这个时，我想 li:hover this 以获得相同的唯一 ID

< li class="listpicture" value="'.$id.'>

我的 CSS 工作已完成，当我将鼠标悬停在其中时，它会完成工作。

我的脚本是这样开始的

$("li.listname").mouseover( function() {
  var id = $("li.listpicture").attr('value');

// and miss some job here
}

我对此感觉有点菜鸟，但我会随时帮助您进行 iOS 开发 :)

谢谢

Answer 1

可以为悬停效果创建一个新类，只需分配它并在悬停时将其删除。我假设 id 是您想要显示悬停效果的其他元素的 id。

CSS

li:hover, .active {/*styles*/}

JS

$("li.listname").hover( function() {
  var id = $("li.listpicture").attr('value');
  $(id).addClass('active');
},function(){
    var id = $("li.listpicture").attr('value');
    $(id).removeClass('active');
});

Live Demo