Question

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

我添加了一个带有“阅读更多”标签的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，因为列表是动态创建的。

我该怎么做？

Answer 1

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

$(this).next('.readmecontent').show();

Answer 2

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

$(".readmore").click(function() {
    $('.readmecontent:not(.readmecontent.visible)').eq(0).show().addClass('visible');
});

Onclick显示特定于所选列表的隐藏Div

2 个答案: