javascript - 将类应用于 HTML 中被 AJAX 调用的 div？

Question

我在加载更多按钮上附加新的 HTML，如下所示:

function addStuff() {
  $.get('page-partials/more-stuff.html', function(stuff) {
    $('#load-button').append(stuff);
  });
};  

问题是这个新内容被放入一个容器中(具有动态高度)，我想在添加更多内容时将其动画化。因此，每次再次添加该模板时，我都需要向“more-stuff.html”内的 div 添加一个动态类。

例如:

<div class='stuff added1'></div>

然后下次添加时:

<div class='stuff added2'></div>

等等。这可能吗？否则，有谁知道动画高度从一个未确定的非零数字更改为另一个未确定的非零数字的解决方案？

Answer 1

怎么样

var count = 0;
$.get('page-partials/more-stuff.html', function(stuff) {
    count++;
    $('#load-button').append(stuff).addClass('stuff added'+count);
});