11

I'm trying to replace current dom element with new element i made.

I implemented following line

$(this).parent().replaceChild(newElem,this);

But it gives error saying $(this).parent().replaceChild is not a function because replaceChild is not a jQuery function, what would be equivalent in jQuery?

4

6 回答 6

30

如果您想要更换内部:

$(this).empty().append('<p>replacement</p>')
于 2014-04-01T03:25:22.320 回答
15

如果你想使用纯 jQuery,你可以使用 replaceWith 方法

$(this).replaceWith(newElem);

你可以参考这个链接:

http://api.jquery.com/replaceWith/

于 2013-09-13T04:44:51.510 回答
1

你可以试试这个

$(this).parent().get().replaceChild(newElem,this);

如果$(this).parent()在页面上是唯一的。(.get()给你 DOM 对象)

如果你想使用纯jQuery,你可以使用该replaceWith方法

$(this).replaceWith(newElem);
于 2013-09-13T04:39:36.183 回答
1

如果要替换父级内部的元素,请执行以下操作。

这是如何替换元素的所有子元素:

$(this).children().replaceWith(<div>hello world</div>)

这是如何通过索引替换元素的特定子元素:

$($(this).children()[3]).replaceWith(<div>hello world</div>)
于 2020-12-10T04:08:19.123 回答
0

尝试替换()

$(this).parent().replaceWith(newElem);
于 2013-09-13T04:42:39.207 回答
0

对于任何寻找香草 JS 方法的人,请使用replaceWith

this.replaceWith(newElem);
于 2017-08-13T05:10:34.583 回答