如何将子项添加到一行中的div中

Question

我希望首先用div替换一个元素,然后div将通过append()来生成一些子元素:

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

因为div和跨越是兄弟姐妹,所以不会给我我想要的东西.

我也尝试过:

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

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

是否有一个简单的方法来跨越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);