jquery - 使用 jQuery 创建一个新的 angularJS 数组实例

Question

我正在使用 Angular 和 jQuery

我有 div “A”，通过角度拉取内容

<div class="a">
   <p ng-repeat="banana in bananas">{{banana}}</p>
</div>

我有 ul 类“B”

<ul class="b">
  <li>content 1</li>
  <li>content 2</li>
  <li>content 3</li>
<ul>

当单击任何内部“B”时，li将其插入li.accordion

//this works fine    
$(".b li").click(function () {
   $(this).clone().appendTo(".accordion");
 });

问题是当我想对 div "A" 做同样的事情时... div "A" 插入到最后附加的li

jQuery 手风琴 div，它是空的，

<div class="accordion">
</div>

并且我试图在每次li单击 a 时创建一个新的 div "A" 实例，然后必须将其作为手风琴的新子项插入，以便它可以独立工作

Answer 1

必须在 jQuery 中创建类“A”，然后插入

myVar = $("<div class="a"><p ng-repeat="banana in bananas">{{banana}}</p></div>");


$(".b li").click(function () {
   $(this).clone().append(myVar).appendTo(".accordion");
});