jquery - 使用 jQuery 切换博客文章循环摘录

Question

我只想在我的博客文章循环中显示文章标题，当点击标题时——摘录将出现在下面。

到目前为止，我得到了这个：

$("#postTitle").click(function () {
$("#postExcerpt").toggle();

仅适用于第一个结果。

然而，这：

$("#postTitle").click(function () {
$("#postExcerpt").next().toggle();

根本不起作用，我不知道为什么。

我的循环如下所示：

<div class="box">
    <div class="block">
    <p id="postTitle"><a href="#">Post Title</a></p>
    <p id="postExcerpt" style="display:none;">Post Excerpt</p>
     </div>
</div>

感谢您的帮助！

Answer 1

<script type="text/javascript">
$(document).ready(function(){
    $('#postTitle a').click(function(event){
        event.preventDefault();
        $(this).parent('#postTitle').siblings('#postExcerpt').toggle();
    });
});
</script>

演示在这里：http: //jquery.nodnod.net/cases/702/run

当然，您永远不应该重复使用 HTML ID。你应该使用类。