javascript - 如何在一行中将 child 附加到一个 div 中

Question

我希望一个元素首先被一个 div 替换，然后那个 div 将通过 append() 有一些 child :

$(el).html('<div></div>').append('<span></span>').append('<span></span>')

因为 div 和 span 是 sibling ，所以没有给我想要的东西。

我也试过:

$(el).replaceWith('<div></div>').append('<span></span>').append('<span></span>')

没有成功。此行不适用于 AngularJS(指令)。

有没有一种简单的方法可以使 span 成为 div 的子元素？

更新:

这是我最终使用的:

$(element)
  .html($('<div class="property-filter"></div>')
  .append(labelElm)
  .append(amountElm)
  .append(sliderElm));

因为它很容易理解(对我来说)。

感谢所有解决方案!

Answer 1

您的代码无法运行，因为 $(el).html('<div></div>')返回 $(el) .它用于方法链。

$(el).html($('<div></div>').append('<span></span>').append('<span></span>'));​

或者

$('<div></div>').append('<span></span>').append('<span></span>').appendTo(el);