Javascript 要使用jQuery.nextuntil,但不包括中间的div
我是jQuery的新手,请原谅 我有一个PHP函数,可以从MySQL数据库返回一个博客;它返回标题、副标题和内容Javascript 要使用jQuery.nextuntil,但不包括中间的div,javascript,jquery,css,Javascript,Jquery,Css,我是jQuery的新手,请原谅 我有一个PHP函数,可以从MySQL数据库返回一个博客;它返回标题、副标题和内容 $result = getData(); while($row = mysqli_fetch_array($result)) { extract($row); ?> <div class="headline">&
$result = getData();
while($row = mysqli_fetch_array($result))
{
extract($row);
?>
<div class="headline"><?php echo $headline ?></div>
<div class="subtitle"><?php echo $subTitle ?></div>
<div class="content"><?php echo $content ?></div>
<?php
}
我的问题是在每个div上执行slideToggle,直到下一个标题(包括副标题)为止。因此,单击标题时,会显示内容,但标题会消失
我不能只选择要幻灯片的内容,因为它将幻灯片显示所有三个内容分区
有没有办法在标题和内容之间排除字幕
提前谢谢 假设我正确理解了您的意思,您希望隐藏下一个
.content
元素。如果正确,则可以从以下同级集合中获取与该选择器匹配的第一个元素:
$(this).nextAll(".content").eq(0).slideToggle(500);
或者,要按照您的建议执行,您可以使用not
:
$(this).nextUntil(".headline").not(".subtitle").slideToggle(500);
这是第一个版本的示例。我在猜测,因为我是这样理解这个问题的,所以您可以尝试
而不是选择器
是的,这非常有效,我喜欢这样一个事实:你可以通过索引选择一个div类。谢谢没问题,很高兴我能帮忙:)
$(this).nextUntil(".headline").not(".subtitle").slideToggle(500);
$(this).nextUntil(".headline").not(".subtitle").slideToggle(500);