Jquery toggle():是否可以用文本隐藏div?
我试图在单击I按钮时,使用jquery动画使文本消失的div消失。在chrome的javascript控制台中没有发生任何事情,但没有出现任何错误。所以我不知道我做错了什么Jquery toggle():是否可以用文本隐藏div?,jquery,html,Jquery,Html,我试图在单击I按钮时,使用jquery动画使文本消失的div消失。在chrome的javascript控制台中没有发生任何事情,但没有出现任何错误。所以我不知道我做错了什么 $(函数(){ $('#myb')。单击(函数(事件){ 警惕(“我被击中”); $(this).parent('div.module').find('div.body').toggle(1); }); }); 模块标题 显示 Lorem ipsum dolor sit amet,是一位杰出的领导者。 我不知道该怎么办。
$(函数(){
$('#myb')。单击(函数(事件){
警惕(“我被击中”);
$(this).parent('div.module').find('div.body').toggle(1);
});
});代码>
模块标题
显示
Lorem ipsum dolor sit amet,是一位杰出的领导者。
我不知道该怎么办。悬钩子
nisl enim、Nonumy ac、Nonumy ut、Dignessim ac、justo。
埃尼安·森佩尔·尼布。活体舌苔。同侧
这是一辆车。Nam faucibus pharetra nisi。
梅特斯的整数。潜力悬钩子。前庭前庭
福西布斯奥奇卢库斯和乌尔特里斯波苏尔的益普生
库里亚;普罗因·奎斯·厄洛斯在梅托斯·普雷蒂姆元素酒店。
使用最近的('div.module')
而不是parent()
parent()方法遍历这些函数的直接父函数
元素,并从
匹配元素
片段:
$(函数(){
$('#myb')。单击(函数(事件){
警惕(“我被击中”);
$(this).closest('div.module').find('div.body').toggle();
});
});代码>
模块{
边框:实心;
边框颜色:#FCAA45;
边框宽度:10px;
利润率:15px;
宽度:300px;
}
.身体{
利润率:10px;
宽度:100%;
}
.标题{
利润率:10px;
边框宽度:10px;
宽度:100%;
背景色:#AAAAFF;
}
图{
浮动:对;
高度:100px;
宽度:50px;
边框:实心;
边框颜色:#AAFFAA;
边框宽度:10px;
背景色:#6A33FA;
}
模块标题
显示
Lorem ipsum dolor sit amet,是一位杰出的领导者。我不知道该怎么办。尼姆吊牌,非纳米ac,非纳米ut,德高望重ac,justo。埃尼安·森佩尔·尼布。活体舌苔。同侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧。
Nam faucibus pharetra nisi。梅特斯的整数。潜力悬钩子。虎口浮雕和肘部浮雕同侧前庭;普罗因·奎斯·厄洛斯在梅托斯·普雷蒂姆元素酒店。
使用最近的('div.module')
而不是parent()
parent()方法遍历这些函数的直接父函数
元素,并从
匹配元素
片段:
$(函数(){
$('#myb')。单击(函数(事件){
警惕(“我被击中”);
$(this).closest('div.module').find('div.body').toggle();
});
});代码>
模块{
边框:实心;
边框颜色:#FCAA45;
边框宽度:10px;
利润率:15px;
宽度:300px;
}
.身体{
利润率:10px;
宽度:100%;
}
.标题{
利润率:10px;
边框宽度:10px;
宽度:100%;
背景色:#AAAAFF;
}
图{
浮动:对;
高度:100px;
宽度:50px;
边框:实心;
边框颜色:#AAFFAA;
边框宽度:10px;
背景色:#6A33FA;
}
模块标题
显示
Lorem ipsum dolor sit amet,是一位杰出的领导者。我不知道该怎么办。尼姆吊牌,非纳米ac,非纳米ut,德高望重ac,justo。埃尼安·森佩尔·尼布。活体舌苔。同侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧。
Nam faucibus pharetra nisi。梅特斯的整数。潜力悬钩子。虎口浮雕和肘部浮雕同侧前庭;普罗因·奎斯·厄洛斯在梅托斯·普雷蒂姆元素酒店。
.parent()
获取所有指定子级的直接父级。在您的例子中,它获取$(“#myb”)
的父项,即
指定.parent(“div.module”)
相当于在
中搜索div.module
。当然,找不到任何结果,jQuery会以静默方式失败,并且不会隐藏任何内容
由于您实际需要的是div.module
,它是div.caption
的父级,因此您应该执行以下操作:
$(this).parent().parent().find('div.body').toggle(1);
.parent()
获取所有指定子级的直接父级。在您的例子中,它获取$(“#myb”)
的父项,即
指定.parent(“div.module”)
相当于在
中搜索div.module
。当然,找不到任何结果,jQuery会以静默方式失败,并且不会隐藏任何内容
由于您实际需要的是div.module
,它是div.caption
的父级,因此您应该执行以下操作:
$(this).parent().parent().find('div.body').toggle(1);
尝试用parameterdiv.module:first
替换.parent()
$(函数(){
$('#myb')。单击(函数(事件){
警惕(“我被击中”);
$(this).parents(“div.module:first”).find(“div.body”).toggle(1);
});
});代码>
模块标题
显示
Lorem ipsum dolor sit amet,是一位杰出的领导者。我不知道该怎么办。尼姆吊牌,非纳米ac,非纳米ut,德高望重ac,justo。埃尼安·森佩尔·尼布。活体舌苔。同侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧。
Nam faucibus pharetra nisi。梅特斯的整数。潜力悬钩子。虎口浮雕和肘部浮雕同侧前庭;普罗因·奎斯·厄洛斯在梅托斯·普雷蒂姆元素酒店。
尝试用parameterdiv.module:first
替换.parent()
$(函数(){
$('#myb')。单击(函数(事件){
警惕(“我被击中”);
$(this).parents(“div.module:first”).find(“div.body”).toggle(1);
});
});代码>
模块标题
显示
同侧阴唇
$(this).parent('div.caption').siblings('div.body').toggle();