Question

我正在尝试创建论坛＆＃34;引用＆＃34;，就像在大多数论坛上回复一样，但我不知道如何正确地从我的评论中选择项目，而且我也没有＆＃ 39;不知道如何选择动态生成的ID。

这是我的评论HTML：

＆＃13;

<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>

＆＃13;

所以我的问题是：如何选择＆＃34; comment-body＆＃34;在这种情况下，通过单击带有动态生成的ID的链接＆＃34; quote-4＆＃34;所以我可以将它插入我的textaria（我知道如何插入它，我只是在选择正确的元素和使用动态生成的ID时遇到问题）

由于

Answer 1

您只需要遍历DOM（向上移动链路）并找到相对于您拥有的项目。在JQuery中：

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

Answer 2

我的目标是一个特定的祖先类。我还在评论链接上添加了一个课程，因此您无需处理特定的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

jquery论坛评论回复或＆＃34;引用＆＃34;

2 个答案: