Jquery 在特定标记后插入局部视图

我有以下标记：

<ul>
  <li class="comment">
    <p>comment 1</p>
    <div class="info">
      <img src="/assets/images/i/2.jpg" width="17px" height="15px">
      <a>sharok</a>
      <span>·</span>
      <span>21.12.2012 0:00:00</span>
      <span>·</span>
      <a href="#">
                    Reply</a>
      <span>·</span>
      <a href="#">Complain</a>
    </div>
    <ul> ***this is child comment
      <li class="comment">
        <ul>
          <li class="comment">
            <p>comment 1.1</p>
            <div class="info">
              <img src="/assets/images/i/2.jpg" width="17px" height="15px">
              <a>sharok</a>
              <span>·</span>
              <span>25.12.2012 0:00:00</span>
              <span>·</span>
              <a href="#">
                    Reply</a>
              <span>·</span>
              <a href="#">Complain</a>
            </div>
            <ul>
              <li class="comment">

             </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

---

如何实现这一点？

这可以通过ajax实现，使用

$.get

函数（）。但是，您应该考虑简单地将您的评论div直接输入HTML，并隐藏它直到用户单击答复按钮，然后显示它（滑动、衰落等），而不是从服务器获取它。因为每次都是相同的内容，所以一旦用户想要发布回复，就没有必要动态获取它

如果仍然希望动态获取，请执行以下操作：

$(".replybtn").click(function() {
    $.get('path/to/partial/view', function(data) {
        $(this).parent().after(data);
    });
});

您应该在回复链接/按钮中添加一个类，否则很难捕获点击事件

$(".replybtn").click(function() {
    $.get('path/to/partial/view', function(data) {
        $(this).parent().after(data);
    });
});