jquery论坛评论回复或“引用”

Question

我试图创建论坛“引号”，就像大多数论坛上的回复一样，但我不知道如何正确地从我的评论中选择条目，也不知道如何选择动态生成的ID。

以下是我的评论HTML：

​

<div class="well well-white col-md-10 col-md-offset-1">
    <div class="media"> 
        <a class="pull-left" href="http://localhost/laravel/forum/public/user/5/profile">
            <img class="media-object hidden-sm" src="http://localhost/laravel/forum/public/img/avatars/U0vq13KDiPa0C4Kftr7jfdsfsdf.jpg" height="42" width="42" />
        </a>

        <div class="media-body">
            <h4 class="media-heading"></h4>

            <p class="text-left ">	<span class="label label-black">By :</span>  <strong> <a href="http://localhost/laravel/forum/public/user/5/profile">@user</a>:</strong>

            </p>
            <div class="col-md-12 bbcomment">
                <div class="comment-body">Comment goes here</div>
            </div>
        </div>

        <i class="glyphicon glyphicon-calendar"></i> 
        2015-01-10 20:11:06 
        <a id="quote-4" class="btn btn-black btn-circle text-uppercase pull-right" href="#">
            <span class="glyphicon glyphicon-share-alt"></span> quote
            </a>
    </div>
</div>

​

因此，我的问题是:如何通过单击带有动态生成ID的链接来选择“注释-主体”类--在本例中是“引号-4”，这样我就可以将其插入到我的textaria (我知道如何插入它，我只是在选择正确的元素和使用动态生成的ID时遇到了问题)。

谢谢

Answer 1

我的目标是一个特定的祖先类。我还会在注释链接上添加一个类，这样您就不必处理特定的ID了。

<a id="quote-4" class="comment-link btn btn-black...

$(".comment-link").click(function(){
    var commentBody = $(this).closest('.media').find('.comment-body');
});

http://api.jquery.com/closest

http://api.jquery.com/find

Answer 2

您只需遍历DOM (向上移动链)，并找到相对于您所拥有的项。在JQuery中：

$("#quote-4").click(function(){
    var media_div = $($(this).parents().find(".media")[0]);
    var comment_body = $(media_div.find(".comment-body")[0]);
});