Question

我正在建立一个社交网络型网站。

每个帖子都有一组回复。我有一个ruby变量（post.id），我用它来区分来自一个帖子的回复，以及来自不同帖子的回复。

回复最初是隐藏的。如何点击＆＃34;打开回复＆＃34;按钮，仅显示该帖子的回复。每个帖子都没有打开所有回复。

这是一个用（post.id）变量替换为硬编码数字的例子。

<a href="#" class="post-icon reply-open-13">Reply</a>

需要打开

<div class="reply-container reply-container-13 clearfix">

他们都有相同的＆＃34; Post.id＆＃34;

的孩子

http://codepen.io/sboland926/pen/ruwHz

Answer 1

将id作为一个单独的属性传递（在我们的例子中为ref），这样我们可以稍后通过jquery获取并调用该id。

修改HTML：

<div class="post-footer">
    <a href="#" class="post-icon">Delete</a>
    <a href="#" class="post-icon reply-open" ref="13">Reply</a>
</div>
<div id="reply-container-13" class="reply-container clearfix">

注意：只需用ruby post.id变量替换13

JS：

$('.reply-open').click(function(){
    var id = $(this).attr('ref');
    $('#reply-container-'+id).toggle();
    return false;
});

看到它在这里工作： http://codepen.io/hasanhameed89/pen/hHlLr

如何显示与Post容器具有相同ID的回复容器？

1 个答案: