jquery 在单击的 div 中发布和附加数据？答案

【问题标题】：jquery post and append data inside clicked div?jquery 在单击的 div 中发布和附加数据？
【发布时间】：2010-09-22 07:58:01
【问题描述】：

我正在尝试编写一个函数，当您单击 div 时该函数将发布数据（并将结果附加到 div 中）。我已经得到它，所以它会提醒数据，但由于某种原因，我无法让它将数据附加回点击的 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

如果有人能帮忙那就太好了:)

【问题讨论】：

标签： jquery post html append

【解决方案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 数据中？

【讨论】：

【解决方案2】：

我在that 中存储了对this 的引用，看看它是否会有所不同。虽然，我不认为post() 重新定义了this。无论如何，试一试：

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

【讨论】：