Question

我的jquery文件中有一个动态生成的html，如下所示：

var comm = '<div class="media" data-id='+user.id+'><div class="media-left"><div class="media-body"><div class="media-heading"><p><strong>'+user.title+'</strong></p><h5 class="name"><strong>'+user.name+'</strong> @ '+user.time+'</h5></div><div class="media-text"><p>'+user.body+'</p></div><div class=""><a class="reply_link">Reply</a></div><div class="reply_wrapper"></div></div></div></div><br/>';

和另一个要附加在此var comm。中的.reply_wrapper中。

var reply = '<div class=”row”  id="rep"><div class="rep_body"><h4 class="rep-heading"><strong>'+user.name+'</strong></h4><h4>’+user.reply+’</h4></div></div>';

Boh变量在click事件中声明并绑定。要捕获父容器，其中第二个变量回复＆＃39;将附上：

var parent_cont = $(".media").attr("[data-id="+user_id+"]");

但是，我尝试添加var＆＃39;回复＆＃39;里面＆＃39; comm＆＃39;这没有成功：

parent_cont.find(".reply_wrapper").append(reply);

有人可以指导我正确的编码方式。

Answer 1

＆＃13;

var parent_content = $('.media[data-id=1]');

parent_content.find('.reply_wrapper').append('Hi there');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="media" data-id=1>
  <div class="media-left">
    <div class="media-body">
      <div class="media-heading">
        <p><strong>user 1</strong></p>
        <h5 class="name"><strong>user 1 name</strong> @ time</h5>
      </div>
      <div class="media-text">
        <p>description</p>
      </div>
      <div class=""><a class="reply_link">Reply</a></div>
      <div class="reply_wrapper"></div>
    </div>
  </div>
</div><br/>

＆＃13;

您错误地选择了parent_cont。你需要的是：

var parent_cont = $('.media[data-id=' + user_id + ']')

这样，您就选择了parent_cont。在此之后，parent_cont.find(".reply_wrapper").append(reply);应该正常工作

如何在jquery

1 个答案: