javascript - 使用 JS 将文本附加到 div

Question

我有一个div，我想使用JS将文本附加到div中。目前在我的代码中，文本出现但不在 div 上。

为什么它不附加到 div panel 上？

$('.panel').append(
  '<div class="container" style=" width:30%"> ' +
  '<p class="name"> item.name</p>' +
  '</div>'
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
  <div class="col-md-8">
    <div class="panel" id="panel">
    </div>
  </div>
</div>

Answer 1

$('.panel').append(
  '<div class="container" style=" width:30%"> ' +
  '<p class="name">'+item.name+'</p>' +
  '</div>'
);