Javascript 显示/隐藏在一个div下触发单击事件的位置

Javascript 显示/隐藏在一个div下触发单击事件的位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,$(“.button toggle”)。单击(函数(e){ $(this.parents.find('#second').toggle(); }); 大截面 正确的代码: 修正: 锚定标记“Class=”按钮切换“中的类名,而不是“buttong” 要以另一个类或id为目标,您需要使用该类或id名称,而不是“this”。这是指用于启动该函数的处理程序,在本例中为按钮。(您不需要知道目标元素位于同一父容器或其他容器中的何处,javascript通过获取在toggle函数中传递的id或类名来实

$(“.button toggle”)。单击(函数(e){
$(this.parents.find('#second').toggle();
});

大截面
正确的代码:

修正:

  • 锚定标记“Class=”按钮切换“中的类名,而不是“buttong”
  • 要以另一个类或id为目标,您需要使用该类或id名称,而不是“this”。这是指用于启动该函数的处理程序,在本例中为按钮。
    (您不需要知道目标元素位于同一父容器或其他容器中的何处,javascript通过获取在toggle函数中传递的id或类名来实现这一点)
$(“.button toggle”)。单击(函数(e){
$(“#秒”).toggle();
});
#首先{
背景色:淡蓝色;
最小高度:100px;
利润率:20px;
}
#第二{
背景颜色:灰色;
最小高度:200px;
利润率:20px;
}

大截面

以下是一些信息更改- 类名:“按钮切换”应为“按钮切换” $(this).parents-is函数无法获得所需的结果,需要使用$(this).parents()-这是一个对象 下面是所做的更改

$(“.button toggle”)。单击(函数(e){
$(this.parents().find('#second').toggle();
});

大截面

谢谢。你的回答很好。本周已经回答了我的两个问题。我喜欢你的回答格式和细节。谢谢!@zigzag谢谢:)我尝试了hahaThanks!是的,成功了。