Javascript Jquery目标特定元素-下拉菜单
我已经创建了一个简单的jquery下拉菜单,但是当我单击一个下拉菜单时,它会打开我的所有下拉菜单,我需要向代码中添加什么才能使它只针对单击的特定元素并只打开该下拉菜单 如果以前有人问过,我会道歉Javascript Jquery目标特定元素-下拉菜单,javascript,jquery,html,Javascript,Jquery,Html,我已经创建了一个简单的jquery下拉菜单,但是当我单击一个下拉菜单时,它会打开我的所有下拉菜单,我需要向代码中添加什么才能使它只针对单击的特定元素并只打开该下拉菜单 如果以前有人问过,我会道歉 $(文档).ready(函数(){ $('a.parent')。单击(函数(){ $('.sub-menu')。滑动切换(400); }); }); $(文档).ready(函数(e){ $('a.parent')。单击(函数(e){ $(e.target)。最近
$(文档).ready(函数(){
$('a.parent')。单击(函数(){
$('.sub-menu')。滑动切换(400);
});
});代码>
$(文档).ready(函数(e){
$('a.parent')。单击(函数(e){
$(e.target)。最近('li')。查找('s子菜单')。滑动切换(400);
});
});代码>
。子菜单{
显示:无;
}
$(文档).ready(函数(e){
$('a.parent')。单击(函数(e){
$(e.target)。最近('li')。查找('s子菜单')。滑动切换(400);
});
});代码>
。子菜单{
显示:无;
}
问题在于您正在选择DOM中的所有.sub菜单
元素。您只需要使用this
关键字和next()
检索单击的.parent
的同级项:
$(文档).ready(函数(){
$('a.parent')。单击(函数(e){
e、 预防默认值();
$(this).next('.sub-menu').slideToggle(400);
});
});代码>
。子菜单{
显示:无;
}
HTML:
问题在于您正在选择DOM中的所有.sub菜单
元素。您只需要使用this
关键字和next()
检索单击的.parent
的同级项:
$(文档).ready(函数(){
$('a.parent')。单击(函数(e){
e、 预防默认值();
$(this).next('.sub-menu').slideToggle(400);
});
});代码>
。子菜单{
显示:无;
}
HTML:
使用此运算符实现此目的
$(document).ready(function(){
$('a.parent').click(function() {
$(this).children('.sub-menu').slideToggle(400);
});
});
使用此运算符可实现此目的
$(document).ready(function(){
$('a.parent').click(function() {
$(this).children('.sub-menu').slideToggle(400);
});
});
您也可以使用以下选项,而不是最近的
和查找
:$('.sub-menu',$(this.parent()).slideToggle(400)
您还可以使用以下选项,而不是最近的
和查找
:$('.sub-menu',$(this.parent()).slideToggle(400)
如果a
和ul
之间存在元素,则可以使用以下命令:$(“.sub-menu”,$(this.parent()).slideToggle(400)
如果a
和ul
之间存在元素,则可以使用以下命令:$(“.sub-menu”,$(this.parent()).slideToggle(400)代码>