jquery 在单击的 div 中发布和 append 数据？

Question

我正在尝试编写一个函数，当您单击 div 时，它将发布数据(并将结果 append 到 div 内)。我已经得到它，所以它会提醒数据，但由于某种原因我无法让它将数据 append 回单击的 div 内？

可点击的div:

<div class="qaContainer">
  <h2>testing title</h2>
  <input type="hidden" name="catid" id="catid[]" class="catid" value="3">
</div>

还有 jquery:

jQuery(".qaContainer").click(function () {
  var cat_id = jQuery(this).find(".catid").val();
  if (cat_id) {
    jQuery.post("/index.php?option=com_qa&view=questions&catid=2&Itemid=33", { catid: cat_id }, function(data) {
    jQuery(this).append(data);
  });
};

它返回的数据:

<div class="info">
  <div class="question">testing 1</div>
  <div class="answer">testing 2</div>
</div>

现在我希望返回的数据位于隐藏输入之后的 qaContainer div 内，这就是我尝试使用追加的原因，但它不起作用。我在 FF 中收到此错误:

Error: b.createDocumentFragment is not a function
Source File: jquery-1.4.2.min.js
Line: 20

如果有人可以提供帮助，那就太好了:)

Answer 1

您可以保留对 <div> 的引用你点击了，像这样:

jQuery(".qaContainer").click(function () {
  var div = jQuery(this),
      cat_id = div.find(".catid").val();
  if (cat_id) {
    jQuery.post("/index.php?option=com_qa&view=questions&catid=2&Itemid=33", { catid: cat_id }, function(data) {
      div.append(data);
    });
  }
});

作为旁注，您是否打算传递 catid在查询字符串中(作为常量)和在 POST 数据中？