我是jQuery的新手,所以请原谅我!
我有一个PHP函数,它从MySQL数据库返回一个博客;它返回标题,副标题和内容。
$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
}
到目前为止,显示了三个条目。我有一个 jQuery,它隐藏内容并在使用 nextUntill 方法和 .slide切换内容单击标题时将其展开。
$(".content").hide();
$(".headline").click(function(){
$(this).nextUntil(".headline").slideToggle(500);
});
我的问题是 slideToggle 在每个div 上执行,直到下一个标题,其中包括字幕。因此,当单击标题时,会显示内容,但标题会消失。
我不能只选择要滑动的内容,因为它会滑动所有三个内容div将显示。
有没有办法排除标题和内容之间的字幕?
提前感谢!
假设我正确理解了你,你想隐藏下一个.content
元素。如果正确,您可以从以下同级集合中获取与该选择器匹配的第一个元素:
$(this).nextAll(".content").eq(0).slideToggle(500);
或者,要按照您的建议进行操作,您可以使用not
:
$(this).nextUntil(".headline").not(".subtitle").slideToggle(500);
这是第一个版本的工作示例。
我给出猜测,因为我以这种方式理解问题,所以你可以尝试not
选择器 .not()
$(this).nextUntil(".headline").not(".subtitle").slideToggle(500);