我正在尝试使用 JQuery 在悬停在具有共享 id 的链接之一上时显示/隐藏具有相同 id 的众多 div 之一。
标记片段
<div id='menuOption'>
<a href='#'><div id='cat_name'>$sub[cat_title]</div></a>
<div id='sub_menu' style='display:none;'>$itemlist</div></div>";
查询片段(我尝试过的):
$("#cat_name", this).hover(function(){
$("#sub_menu", this).show();
});
$("#cat_name", this).mouseleave(function(){
$("#sub_menu", this).hide();
});
我很感激任何可以帮助我解决这个问题的信息。谢谢。
最佳答案
HTML ID 必须是唯一的。使用类来选择 html 元素。
示例:http://jsfiddle.net/GPhsC/2/
HTML
<div class='menuOption'>
<a href='#'><div class='cat_name'>$sub[cat_title]</div></a>
<div class='sub_menu' style='display:none;'>$itemlist</div>
</div>
jQuery
$(".cat_name").hover(function(){
$(this).parent().parent().find(".sub_menu").show();
},
function() {
$(this).parent().parent().find(".sub_menu").hide();
});
关于javascript - 如何使用 jquery 显示具有相同 id 的多个 div 之一?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10037841/