Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.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 单击时,除了一个具有类+使用此_Javascript_Jquery - Fatal编程技术网

Javascript 单击时,除了一个具有类+使用此

Javascript 单击时,除了一个具有类+使用此,javascript,jquery,Javascript,Jquery,我想知道如何在jQuery/JavaScript中定义一个click事件来排除具有特定类的子类。同时,我需要使用它来访问单击的元素 $.slidebox标题*:not.stop.clickfunctionevent{ 呜呜!; $this.sides.slidebox-content.slideToggle; }; .滑盒头{ 背景颜色:黄色; } .停下来{ 背景色:红色; } 阻塞区 标题-允许单击 内容 slidebox内容是slidebox标题的同级,因此请使用.closest遍历到标

我想知道如何在jQuery/JavaScript中定义一个click事件来排除具有特定类的子类。同时,我需要使用它来访问单击的元素

$.slidebox标题*:not.stop.clickfunctionevent{ 呜呜!; $this.sides.slidebox-content.slideToggle; }; .滑盒头{ 背景颜色:黄色; } .停下来{ 背景色:红色; } 阻塞区 标题-允许单击 内容

slidebox内容是slidebox标题的同级,因此请使用.closest遍历到标题,然后使用.sibling

还可以使用子体选择器以特定子对象为目标

$(".slidebox-header > span").click(function(event) {
  $(this).closest('.slidebox-header').siblings(".slidebox-content").slideToggle();
});
$.slidebox标题*:not.stop.clickfunctionevent{ //呜呜!; $this.closest'.slidebox header'.slidebox-content.slideToggle; }; .滑盒头{ 背景颜色:黄色; } .停下来{ 背景色:红色; } 阻塞区 标题-允许单击 内容

slidebox内容是slidebox标题的同级,因此请使用.closest遍历到标题,然后使用.sibling

还可以使用子体选择器以特定子对象为目标

$(".slidebox-header > span").click(function(event) {
  $(this).closest('.slidebox-header').siblings(".slidebox-content").slideToggle();
});
$.slidebox标题*:not.stop.clickfunctionevent{ //呜呜!; $this.closest'.slidebox header'.slidebox-content.slideToggle; }; .滑盒头{ 背景颜色:黄色; } .停下来{ 背景色:红色; } 阻塞区 标题-允许单击 内容

您可以使用父级或最近级来实现这一点。以下是家长的用法:

$.slidebox标题*:not.stop.clickfunctionevent{ 呜呜!; $this.parents.slidebox:first.find.slidebox-content.slideToggle; }; .滑盒头{ 背景颜色:黄色; } .停下来{ 背景色:红色; } 阻塞区 标题-允许单击 内容

您可以使用父级或最近级来实现这一点。以下是家长的用法:

$.slidebox标题*:not.stop.clickfunctionevent{ 呜呜!; $this.parents.slidebox:first.find.slidebox-content.slideToggle; }; .滑盒头{ 背景颜色:黄色; } .停下来{ 背景色:红色; } 阻塞区 标题-允许单击 内容


谢谢,这很有效。但现在,如果我点击.sidebox标题,它不会启动。有办法解决吗?谢谢,这很有效。但现在,如果我点击.sidebox标题,它不会启动。有办法解决吗?