Javascript jQuery:切换打开所有类的类
我有下面的代码,我已经经历了很多这样的问题,但我仍然无法使它运行 我想使用toggle,但问题是它正在打开所有与此相关的类。我想要的是只切换已单击的类 我试过e.preventDefault,e.StopperPropagation;返回false,但没有一个对我有用 注:我不知道上述三个词的用法。我在结尾使用过它们,而不是在开头 $.read.clickfunction{ //e、 防止违约; $.expand.toggle; 返回false; }; .展开{显示:无;背景:000;颜色:白色;} 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现 问题是$.expand返回所有具有class.expand的元素,但您只需要获得一个元素。你可以这样做Javascript jQuery:切换打开所有类的类,javascript,jquery,Javascript,Jquery,我有下面的代码,我已经经历了很多这样的问题,但我仍然无法使它运行 我想使用toggle,但问题是它正在打开所有与此相关的类。我想要的是只切换已单击的类 我试过e.preventDefault,e.StopperPropagation;返回false,但没有一个对我有用 注:我不知道上述三个词的用法。我在结尾使用过它们,而不是在开头 $.read.clickfunction{ //e、 防止违约; $.expand.toggle; 返回false; }; .展开{显示:无;背景:000;颜色:白
$(".read").click(function(e){
$(this).next('.expand').toggle();
return false;
});
演示:问题$.expand返回所有具有class.expand的元素,但您只需要获得一个元素。你可以这样做
$(".read").click(function(e){
$(this).next('.expand').toggle();
return false;
});
演示:
$.read.clickfunction{
//e、 防止违约;
$this.next.expand.toggle;
返回false;
};
.展开{显示:无;背景:000;颜色:白色;}
同侧文字
阅读更多
Lorem Ipsum文本再次出现!
同侧文字
阅读更多
Lorem Ipsum文本再次出现!
同侧文字
阅读更多
Lorem Ipsum文本再次出现
$.read.clickfunction{
//e、 防止违约;
$this.next.expand.toggle;
返回false;
};
.展开{显示:无;背景:000;颜色:白色;}
同侧文字
阅读更多
Lorem Ipsum文本再次出现!
同侧文字
阅读更多
Lorem Ipsum文本再次出现!
同侧文字
阅读更多
Lorem Ipsum文本再次出现 你可以用
$(".read").click(function(e){
//e.preventDefault();
$(".read").next(".expand").toggle();
return false;
});
你可以用
$(".read").click(function(e){
//e.preventDefault();
$(".read").next(".expand").toggle();
return false;
});
请检查以下代码: $.read.clickfunction{ //e、 防止违约; $this.next'.expand'.toggle; 返回false; }; .展开{显示:无;背景:000;颜色:白色;} 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多
Lorem Ipsum文本再次出现 请检查以下代码: $.read.clickfunction{ //e、 防止违约; $this.next'.expand'.toggle; 返回false; }; .展开{显示:无;背景:000;颜色:白色;} 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多
Lorem Ipsum文本再次出现 试试这样的。在这里,next只需抓取下一个元素,$this引用当前单击的元素 $.read.clickfunction{ //e、 防止违约; $this.next.toggleClass'expand'; 返回false; }; .展开{显示:无;背景:000;颜色:白色;} 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多
Lorem Ipsum文本再次出现 试试这样的。在这里,next只需抓取下一个元素,$this引用当前单击的元素 $.read.clickfunction{ //e、 防止违约; $this.next.toggleClass'expand'; 返回false; }; .展开{显示:无;背景:000;颜色:白色;} 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现! 同侧文字 阅读更多 Lorem Ipsum文本再次出现!