0

我有一个从数据库收集的数据列表。

我添加了一个带有“阅读更多”标签的 div 和另一个包含内容并被隐藏的 div。

当用户点击“阅读更多”文本时，内容 div 就会显示出来。

这是我当前的代码如下：

<script>
    $(document).ready(function(){

        $(".readmore").click(function() {
            $('.readmecontent').show();
        });
    });
</script>

//HTML .. 注意：内容将通过 php 添加，但现在是硬编码的...

echo '<div class="readmore">Read more...</div>';
echo '<div class="readmecontent" style="display:none;">Read Me Content Here</div>';

以上所有方法都有效，但问题是“readmore”类当前打开了所有“readmecontent”类。

我需要它来显示适用于已单击的“readmore”类的“readmecontent”DIV。

我不能使用 ID，因为列表是动态创建的。

我怎样才能做到这一点？

4

2 回答 2

2

使用 的实例this查找下一个元素：

$(this).next('.readmecontent').show();
于 2013-06-27T14:23:10.263 回答
1

此解决方案不需要您持有实例 

$(".readmore").click(function() {
    $('.readmecontent:not(.readmecontent.visible)').eq(0).show().addClass('visible');
});
于 2013-06-27T14:33:34.200 回答