Question

问题：

我想插入内容作为元素的最后一个子元素。为了重现我想要的东西，我创造了这个小提琴： http://jsfiddle.net/lexhartman/zx0r8mnu/2/

我正在使用的jquery代码如下：

jQuery(document).ready(function() {
  var $collectionHolder = $('div.collectionholder');

  var $innerDivOne = $('<li><p>TEST 1 also has to be green</p></li>');
  var $innerDivTwo = $('<li><p>TEST 2 also has to be green</p></li>');
  var $outerDivChunk = $('<div class=parentdiv><div class="subdiv"><ul class="ul-list"></ul></div></div>').append($innerDivOne).append($innerDivTwo);

  $collectionHolder.append($outerDivChunk);

});

但是... lis正在追加div，而不是div中的ul。

目标：

我想要达到的目标是在＆＃34; ul＆＃34;中插入两个内部区域（没有类名的li）。 div（带有classname：ul-list）。

尝试：

outerdiv变量必须保持不变（我知道当outerdiv只有＆＃34; ul＆＃34;它有效，但在我的代码中会带来许多其他令我头疼的问题。用...来打扰你：D）。

我猜我将需要一个其他功能然后追加，但是哪一个或者我可以使用另一种方式追加然后我现在正在做什么？

谢谢！

Answer 1

lis正在追加div，而不是div中的ul。你需要选择ul。

var $outerDivChunk = $('<div class=parentdiv><div class="subdiv"><ul class="ul-list"></ul></div></div>');
outerDivChunk.find("ul").append($innerDivOne).append($innerDivTwo);

用jquery将div插入div

1 个答案: