向文档添加新的嵌套div

Question

我想在文档中添加一个带有子div的div，但是append（）似乎是错误的选择，我应该改用什么呢？

  //Create Statusbar
  var status = $('#status');
  for (var i = 0; i < resources.length; i++) {
    var resource = document.createElement('div');
    var resourceCounter = document.createElement('div');
    resourceCounter.id = "r" + (i + 1);
    //resource.className = "resource";
    resource.innerHTML = resources[i];
    resourceCounter.innerHTML = saveData.resources ? saveData.resources[i] : 0;
    resource.style.background = "url('images/resources/" + resource.id + ".jpg') 0 26px / 100% auto no-repeat";
    resource.onclick = function () {
      alert(this.id);
    };
    resource.append(resourceCounter);
    status.append(resource);
  }

resource.append(resourceCounter); ->未捕获的TypeError：对象#HTMLDivElement没有方法'append'

Answer 1

这里资源是一个dom元素，append是jQuery提供的方法，它不存在于dom元素中

您可以改用appendChild

resource.appendChild(resourceCounter);

或使用jQuery包装资源并使用append

$(resource).append(resourceCounter);