javascript - jquery追加函数是否以某种方式避免重复内容？

Question

在 this例如，我使用 ajax 从 reddit 加载 JSON 数据。由于响应来自服务器，我将其附加到带有 .text 类的 div 中。

<button type="button" class="btn">Click me!</button>
<div class="text">Replace me!!</div>

 $(".btn").click(function () {
     $.ajax({
         url: "http://www.reddit.com/r/aww/search.json?q=puppy&restrict_sr=true",
         method: "GET",
         success: function (result) {
             $(".text").text("");
             for (var i = 0; i < result.data.children.length; i++) {
                 $(".text").append('<img src="' + result.data.children[i].data.thumbnail + '"/>');
             }
         }
     });
 });

这有效。我的问题是为什么当我重复按下按钮时附加功能不会再次附加相同的图像？附加功能是否会以某种方式避免重复内容？

Answer 1

那是因为你这样做了:

$(".text").text("");

当您这样做时，每次单击按钮时都会清空 div。