代码之家  ›  专栏  ›  技术社区  ›  Brett Zamir

“appendTo()”在哪里可以与“htmlString”一起使用?

  •  2
  • Brett Zamir  · 技术社区  · 6 年前

    appendTo

    var b = button.appendTo('<div>').appendTo('body');
    

    b 是一个按钮,但它没有包装在 div

    你可以在 http://jsfiddle.net/0dgLe5sj/

    在哪里附加到HTML字符串(页面上还不存在)有用?

    1 回复  |  直到 6 年前
        1
  •  2
  •   fdomn-m    6 年前

    appendTo() 返回要追加的项。

    所以你的代码是:

    var btn = button.appendTo('<div>');
    btn.appendTo('body');
    

    然后

    var b = button.appendTo($('<div>').appendTo('body'));
    

    div 然后将btn附加到该div。

    更新的小提琴: http://jsfiddle.net/0dgLe5sj/8/

    或者,如果您想先添加到div:

    var b = button.appendTo("<div>");
    b.parent().appendTo("body")
    

    但是如果你把它组合成一行,你就不能用 .appendTo 所以你要拿回潜水艇或者尸体。


    为了解决“这在哪里是有用的部分”:

    能够创造 独立的 DOM元素对于解析HTML字符串非常有用,还可以用来“批处理”一些更改,而不必强制页面之间重新绘制。

    把一个按钮移到一个分离的div上,再把它移到身体上并没有多大意义,但它证明了这些原则。