Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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为某些div创建新的div父级?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何通过jquery为某些div创建新的div父级?

Javascript 如何通过jquery为某些div创建新的div父级?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有如下html代码: <div class="tiltleclass"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="tiltleclass"></div> <div class="content"><

我有如下html代码:

<div class="tiltleclass"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="tiltleclass"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="tiltleclass"></div>

当我点击一个有“TilleClass”类的div时,我能做什么?这个div到下一个div之间的div用“TilleClass”类切换? 在我的程序中,这种结构存在于许多页面中,因此我无法向它们添加新类。 jquery中有没有办法做到这一点?

您可以使用以下方法:

$(".tiltleclass").click(function(){
  $(this).nextUntil(".tiltleclass").toggle();
});

使用jQuery的以下功能,此功能可以正常工作:


Fiddle.

不知道为什么标题会说“如何通过jquery为某些div创建新的div父级”,而说明会要求其他内容。。!这应该是
切换
@RobbyCornelissen打字错误。。。thnx。顺便说一句,你可以编辑答案来修正打字错误,而不是再次添加相同的答案。这就是为什么你被赋予这种特权…;)@用户3104188很高兴这有帮助。还在想你为什么接受迟到的答复。。啊,nvm。@user3104188您可以使用
.toggle(500)
在此方法中添加平滑效果
$(".tiltleclass").on('click', function() {
     $(this).nextUntil(".tiltleclass").toggle();
});