Javascript 如何在两个特定元素之间替换一些HTML标记?

Javascript 如何在两个特定元素之间替换一些HTML标记?,javascript,jquery,html,Javascript,Jquery,Html,我有这个HTML: 主题 1. 段落 注释要实现这一点,您可以选择。开始,然后使用nextUntil()选择该元素和之间的元素。在删除它们之前结束。然后,您可以在.start之后插入新内容,如下所示: $('.start').nextUntil('.end').remove(); $('something').insertAfter('start') 主题 开始 1. 段落 结束 注意因为您使用的是jQuery,所以可以使用.nextUntil()方法。它将允许您选择一系列元素,直到将元素

我有这个HTML:

主题
1.
段落


注释
要实现这一点,您可以选择
。开始
,然后使用
nextUntil()
选择该元素和
之间的元素。在删除它们之前结束
。然后,您可以在
.start
之后插入新内容,如下所示:

$('.start').nextUntil('.end').remove();
$('something').insertAfter('start')

主题
开始
1.
段落

结束
注意
因为您使用的是jQuery,所以可以使用
.nextUntil()
方法。它将允许您选择一系列元素,直到将元素指定为方法的参数为止

$('.start').nextUntil('.end')
将从
.start
.end
选择每个元素(无论这听起来有多悦耳)

之后,您可以使用
.before()
删除所选元素并添加所需的HTML


(供参考:)

Oh wow。。你对jQuer很了解。!向上投票。请注意,使用
nextUntil()
函数不是很慢吗?我不知道它是如何实现的,但我总是害怕使用它。它似乎需要大量的处理。不是吗?它不会是世界上最快的东西,但在99%的情况下仍然足够快。如果您需要最终的性能,我建议您根本不要使用jQuery,因为在某些情况下,它比本机慢几个数量级。@MartinAJ它不应该。。。采取同级相当容易,在开始索引处切片,然后迭代剩余部分,直到找到选择器并断开它意味着一件好事。这只是对@Rorymcrossan对您问题的有用回答的一种恭维!看看这个链接。
$('.start').nextUntil('.end').remove();
$('.end').before(myHTMLVariable);