如何设置:悬停在一个li(a)上时，悬停在另一个li(B)上

Question

我每天都是一个iOS开发者，但我试图给一个朋友在php和jquery的帮助，因为我没有做jquery很长一段时间，我问你们的一点帮助:)

假设我有一个唯一的ID

& lt;class="listname" value="'.$id.'">

当我将它悬停时，我想让它为相同的唯一ID

& lt;class="listpicture" value="'.$id.'>

我的CSS任务完成了，当我点击hover 1，它就完成了。

我的脚本是这样开始的

$("li.listname").mouseover( function() {
  var id = $("li.listpicture").attr('value');
// and miss some job here
}

我觉得这方面有点新手，但我愿意随时帮助你的iOS开发:)

Thx

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');
});

现场演示