Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery:切换打开所有类的类_Javascript_Jquery - Fatal编程技术网

Javascript jQuery:切换打开所有类的类

Javascript jQuery:切换打开所有类的类,javascript,jquery,Javascript,Jquery,我有下面的代码,我已经经历了很多这样的问题,但我仍然无法使它运行 我想使用toggle,但问题是它正在打开所有与此相关的类。我想要的是只切换已单击的类 我试过e.preventDefault,e.StopperPropagation;返回false,但没有一个对我有用 注:我不知道上述三个词的用法。我在结尾使用过它们,而不是在开头 $.read.clickfunction{ //e、 防止违约; $.expand.toggle; 返回false; }; .展开{显示:无;背景:000;颜色:白

我有下面的代码,我已经经历了很多这样的问题,但我仍然无法使它运行

我想使用toggle,但问题是它正在打开所有与此相关的类。我想要的是只切换已单击的类

我试过e.preventDefault,e.StopperPropagation;返回false,但没有一个对我有用

注:我不知道上述三个词的用法。我在结尾使用过它们,而不是在开头

$.read.clickfunction{ //e、 防止违约; $.expand.toggle; 返回false; }; .展开{显示:无;背景:000;颜色:白色;} 同侧文字

阅读更多 Lorem Ipsum文本再次出现! 同侧文字

阅读更多 Lorem Ipsum文本再次出现! 同侧文字

阅读更多 Lorem Ipsum文本再次出现 问题是$.expand返回所有具有class.expand的元素,但您只需要获得一个元素。你可以这样做

$(".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文本再次出现!